Menu
Generate consistent design system for project. Run once at start of hackathon to establish tokens.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
Search persistent memory from past sessions. Use when recalling prior decisions, code patterns, or context from previous work.
Use when 2+ independent tasks have no shared state or sequential dependencies. Hackathon speed multiplier.
4-phase root cause process. Use on any bug, test failure, or unexpected behavior before proposing fixes.
Red-Green-Refactor cycle. Use before writing any feature or bugfix implementation.
UI/UX design decisions for hackathon. 67 styles, 161 palettes, 57 font pairings. Use for any component or visual decision.
| name | design-system |
| description | Generate consistent design system for project. Run once at start of hackathon to establish tokens. |
Source: ui-ux-pro-max plugin (v2.5.0)
/design-system create for [product type] in [style]
colors/
primary: [brand color]
secondary: [accent]
neutral: [grays]
semantic: success/warning/error/info
typography/
scale: xs/sm/base/lg/xl/2xl/3xl/4xl
weight: regular(400)/medium(500)/semibold(600)/bold(700)
spacing/
scale: 4px base unit (4/8/12/16/24/32/48/64/96)
radius/
sm: 4px | md: 8px | lg: 12px | xl: 16px | full: 9999px
shadows/
sm/md/lg/xl + colored glow variants
Run /design-system tailwind to generate tailwind.config.js with custom tokens.