forge-focus
/forge-focus — Focus Ring System
Generate focus styles from your accent token:
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: inherit; }
Adapt for:
- Buttons: ring follows button radius
- Inputs: ring follows input radius
- Links: underline offset instead of ring (optional)
- Cards: ring follows card radius
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-dark
Generate a dark mode variant of your design system. Creates dark-mode token overrides that preserve contrast ratios from the light theme.
1