forge-motion
/forge-motion — Motion Safety
For every animation and transition:
- Check for prefers-reduced-motion media query
- If missing, add: @media (prefers-reduced-motion: reduce) { animation-duration: 0.01ms; transition-duration: 0.01ms; }
- Verify final states are preserved (content doesn't disappear)
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-grid
Snap all spacing values in the codebase to your system's grid. Replaces arbitrary padding, margin, and gap values.
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-diff
Show the difference between your .forge.json design system and what's actually in the code. Lists every value that drifts from the system.
1