forge-responsive
/forge-responsive — Responsive Check
At each breakpoint (640, 768, 1024, 1280px):
- Verify section padding scales down
- Check that font sizes remain readable
- Verify touch targets are 44×44px on mobile
- Check line measure at each width
Report issues per breakpoint.
More from dragoon0x/forge
forge-init
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.
1forge-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.
1