メニュー
Generate a complete design system from a brand color and project type. Creates .forge.json with palette, tokens, type scale, spacing, shadows, and radii. This is the starting command — everything else references what it generates.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Full accessibility audit using your design system's color tokens. Checks contrast, focus styles, semantic HTML, touch targets, and motion safety.
Check the current codebase against your .forge.json design system. Finds raw hex values that should be tokens, spacing off your scale, fonts not in your system, and missing token references.
Amplify the design within your system's range. Use stronger palette shades, higher type scale steps, and more dramatic shadows.
Find every color in the codebase that isn't in your palette or token system. Lists orphan colors with suggested replacements.
Replace all orphan colors with the nearest token from your system. Converts raw hex values to var(--token) references.
Check WCAG contrast ratios across your entire token system. Tests every text token against every surface token.
| name | forge-init |
| description | Generate a complete design system from a brand color and project type. Creates .forge.json with palette, tokens, type scale, spacing, shadows, and radii. This is the starting command — everything else references what it generates. |
| user-invokable | true |
/forge-init [hex-color] [project-type]
Example: /forge-init #e8590c saas
Project types: saas, portfolio, ecommerce, docs
Creates .forge.json in the project root. Every subsequent FORGE command reads this file.
Also outputs CSS custom properties to the console for immediate use.
