forge-init
/forge-init — Initialize Design System
Usage
/forge-init [hex-color] [project-type]
Example: /forge-init #e8590c saas
Project types: saas, portfolio, ecommerce, docs
What it generates
- Color palette: 11 shades (50-950) from the brand color
- Semantic tokens: surface, text, border, accent, feedback mapped to palette shades
- Type scale: mathematical ratio based on project type + font pairing
- Spacing scale: 4px base, 13 steps from 4 to 128
- Shadow system: 5 elevations tinted with brand hue
- Border radii: 6 steps scaled to project type
Output
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.
More from dragoon0x/forge
forge-spacing
Regenerate the spacing scale from your system's base unit. Outputs 13 steps from 4px to 128px.
1forge-density
Audit visual density and whitespace balance. Checks that spacing from your system creates appropriate rhythm between sections.
1forge-rhythm
Enforce vertical rhythm using your system's baseline grid. Ensures heading margins, paragraph spacing, and section padding are multiples of the baseline.
1forge-dark
Generate a dark mode variant of your design system. Creates dark-mode token overrides that preserve contrast ratios from the light theme.
1forge-type
Regenerate the type scale from your .forge.json ratio and base size. Outputs 8 steps with px values and CSS custom properties.
1forge-bolder
Amplify the design within your system's range. Use stronger palette shades, higher type scale steps, and more dramatic shadows.
1