Skill UI

Guides designers through using the Penpot MCP tools to craft professional UI/UX for web, mobile, and desktop apps, covering workflows, design systems, accessibility checks, and setup/troubleshooting steps for the Penpot MCP server.

This skill scaffolds a complete, cohesive, mobile-first page structure, ensuring consistency across the entire application. It guides the user to define the page's core purpose, apply the Information Pyramid, and compose the layout using established design systems and existing components (shell, navigation, cards). It is ideal for starting new product flows or developing new screens while maintaining professional structural integrity and mobile-first best practices.

This skill rigorously audits UI code against established design system conventions, focusing on adherence to design tokens, component ergonomics, accessibility standards, and mobile UX best practices. It ensures that the implementation is consistent with the defined style guide, providing a structured verdict and concrete, actionable fixes.

This skill provides a deep audit of user experience (UX) and usability, going beyond basic visual checks. It systematically evaluates screens, flows, and components against Nielsen's 10 usability heuristics and modern mobile best practices. Use it when you need to identify structural flaws, cognitive load issues, or navigation regressions in a product design, providing prioritized issues, violated heuristics, and concrete remediation steps.

An elite skill dedicated to generating premium, app-native, and highly readable UI/UX concept images. It visualizes entire application flows—from onboarding and authentication to complex dashboards—for iOS, Android, and cross-platform products. The focus is on creating believable, highly intentional designs with strong consistency, controlled color palettes, and clean hierarchies, avoiding generic, default-style mockups.

A comprehensive index of 46 production-grade test automation skills, covering E2E, unit, mobile, BDD, and cloud testing across 15+ languages. This skill equips AI coding assistants to act as senior QA architects, generating structured, real-world test code for major frameworks like Playwright, Selenium, Cypress, and Jest. It supports project setup, CI/CD integration, and cross-platform debugging.

A comprehensive checklist detailing advanced attack methodologies for JSON Web Tokens (JWT). Covers critical misconfigurations such as algorithm confusion (alg:none, RS256→HS256), weak secret brute forcing, header injection (kid, jku, jwk), cache poisoning, and improper validation. Also provides specific vectors for extracting JWTs from mobile environments (Android/iOS). Ideal for penetration testers conducting deep security assessments on authentication systems.

This skill analyzes a live website or application to understand its underlying business model, data collection practices, and user interactions. It then generates a comprehensive, 16-section Terms of Service document, automatically incorporating provisions for GDPR, CCPA, and other major compliance frameworks. Ideal for launching new SaaS, e-commerce, or mobile products.

XcodeBuildMCP is a unified skill set designed to streamline the entire mobile and desktop development lifecycle. It replaces raw command-line tools like xcodebuild, xcrun, and simctl, providing structured workflows for iOS, macOS, watchOS, tvOS, and visionOS. Capabilities include project discovery, managing simulator and physical device workflows, advanced UI automation (gestures, view inspection), robust logging, and deep debugging using LLDB. It simplifies complex build, test, and run operations across multiple platforms.

Generate a high-fidelity, multi-screen mobile prototype simulating a gamified experience, perfect for habit trackers, life management apps, or RPG concepts. The output features three distinct phone frames: cover/value proposition, daily quests dashboard, and detailed quest view, all presented on a single dark showcase stage. Ideal for visualizing user journeys and engagement mechanics.

Create a single mobile app screen mockup framed in a realistic iPhone 15 Pro device. Use it for app UI concepts, phone screen previews, and prototype presentations.

Generate a comprehensive, multi-screen mobile onboarding prototype displayed in a side-by-side HTML format. This tool is perfect for designing the initial user experience (UX) flow, covering splash screens, value proposition details, and final sign-in steps. Ideal for apps needing a polished debut experience.