메뉴
Generate consistent design system for project. Run once at start of hackathon to establish tokens.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
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.