Menu
Extract, normalize, and sync design system tokens into DESIGN.md. Use when the user wants to create, import, or update design tokens.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Produce a structured handoff document summarizing completed work and next steps.
Produce a phased execution plan aligned to the oh-my-gemini roadmap gates.
Perform a structured code review of recent changes or a specific scope.
Orchestrate parallel tmux workers for a multi-agent team task.
Verify that acceptance criteria are met and work is complete.
Run a focused Gemini advisor prompt and save the reusable result artifact. Use when the user wants a quick advisor-style answer without a full workflow.
| name | design-system |
| aliases | ["/design-system","extract tokens","sync design","design tokens","color palette"] |
| primaryRole | designer |
| description | Extract, normalize, and sync design system tokens into DESIGN.md. Use when the user wants to create, import, or update design tokens. |
Use this skill when the user wants to extract, create, or synchronize design system tokens.
Token Extraction — Extract design tokens from:
DESIGN.md Sync — Update DESIGN.md sections:
Token Format Generation — Output tokens as:
--color-primary: #hex)| Category | Required Tokens |
|---|---|
| Colors | primary, secondary, accent, background, surface, text, border, error, success, warning |
| Typography | heading (h1-h6), body, caption, overline font specs |
| Spacing | scale from 4px base (4, 8, 12, 16, 24, 32, 48, 64, 96) |
| Elevation | shadow-sm, shadow-md, shadow-lg, shadow-xl |
| Radius | sm (4px), md (8px), lg (16px), full (9999px) |