القائمة
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.