Loading...
Loading...
Found 27 Skills
Extract a design system from any website URL by driving a real browser with the Playwright CLI. Produces design tokens (JSON), brand assets (logo and favicon when available), a homepage screenshot, and a design-guidelines.md document. Use when the user wants to clone, match, or stay consistent with an external brand.
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. Call with 'craft' to run the full shape-then-build flow, or 'teach' for design context setup.
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.
使用 Pencil MCP 创建工业级 UI 设计的完整工作流和组件库
Plaid's UI design system. Use when building interfaces inspired by Plaid's aesthetic - dark mode, Inter font, 4px grid.
Anti-AI-generic design guidelines. Use when creating UI prototypes, reviewing designs for generic AI patterns, or setting up a project design system.
Shopify's UI design system. Use when building interfaces inspired by Shopify's aesthetic - light mode, Inter font, 4px grid.
Professional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive, production-grade design with exceptional aesthetic quality.
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
The canonical rulebook of UI craft and feel. Every element must earn its place and do its one job well; the surface must be tight, clean, calm, and genuinely pleasant to use. The single source of truth that landing-audit grades against and that shipit checks touched UI files against before commit. Use when building or editing ANY user-facing UI, page, screen, hero, or component, or when the user mentions design, layout, hierarchy, typography, color, spacing, contrast, CTAs, or micro-interactions.
Creates design_guidelines.md for frontend projects. L3 Worker invoked CONDITIONALLY when hasFrontend detected.