Design skills
Browse reusable Agent Skills, each with a clear purpose and practical guidance.
design-qa-skill
Skill providing design QA checklists and principles for visual review across lanes. Used by design-review agents to enforce hierarchy, spacing, color, and responsiveness.
design-synthesis
Use when user says "synthesize designs", "show design patterns", "UI patterns", "UX patterns", "update design docs", or asks about UI/UX design decisions - generates two markdown files summarizing UI/UX patterns from implemented stories and anti-patterns from rejected or problematic UI/UX stories.
designing-frontend
Creates distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
designing-systems
Create and manage design systems with tokens, color palettes, typography scales, and spacing systems. Use when user asks about design tokens, theming, color schemes, or consistent styling.
designing-terminal-ui
Create distinctive, production-grade terminal user interfaces with high design quality. Use this skill when the user asks to build CLI tools, TUI applications, or terminal-based interfaces. Generates creative, polished code that avoids generic terminal aesthetics.
emotional-design
Los tres niveles de procesamiento emocional de Don Norman. Use cuando diseñe para engagement, satisfacción del usuario, o diferenciación de producto.
fae-house-scenes
Build Fae's house scenes (3D low-poly) consistent with Cloverhollow style lock
faion-dev-frontend
UI design: brainstorming, prototyping, Storybook. Triggers: ui design, component library.
fec-interface-polish
Use when improving UI polish details such as spacing, typography, radius, shadows, borders, icon alignment, hit areas, text wrapping, tabular numbers, transitions, hover/active/focus states, or visual QA. For unclear product design direction, settle the visual direction before polishing details; Chinese triggers include UI 打磨, 界面微调, 视觉还原, 交互状态.