Menú
Generate consistent design system for project. Run once at start of hackathon to establish tokens.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación 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.