Source

dragoon0x/forge

43 skills · 85 combined installs

Skills from this source

#
Skill
Source
8W Activity
Installs
1
forge-export-json Export your design system as W3C Design Tokens JSON format. Compatible with Style Dictionary, Figma Tokens, and token…
dragoon0x/forge
3
2
forge-fix Auto-fix design system violations. Replaces raw hex values with token references, snaps spacing to the scale, and nor…
dragoon0x/forge
3
3
forge-bolder Amplify the design within your system's range. Use stronger palette shades, higher type scale steps, and more dramati…
dragoon0x/forge
2
4
forge-color-audit Find every color in the codebase that isn't in your palette or token system. Lists orphan colors with suggested repla…
dragoon0x/forge
2
5
forge-color-fix Replace all orphan colors with the nearest token from your system. Converts raw hex values to var(--token) references.
dragoon0x/forge
2
6
forge-contrast Check WCAG contrast ratios across your entire token system. Tests every text token against every surface token.
dragoon0x/forge
2
7
forge-dark Generate a dark mode variant of your design system. Creates dark-mode token overrides that preserve contrast ratios f…
dragoon0x/forge
2
8
forge-density Audit visual density and whitespace balance. Checks that spacing from your system creates appropriate rhythm between …
dragoon0x/forge
2
9
forge-design Design system generator and enforcer. Generates a complete, project-aware design foundation from a single brand color…
dragoon0x/forge
2
10
forge-diff Show the difference between your .forge.json design system and what's actually in the code. Lists every value that dr…
dragoon0x/forge
2
11
forge-elevation Audit elevation consistency. Checks that shadow usage follows a logical hierarchy — cards < dropdowns < modals.
dragoon0x/forge
2
12
forge-export-css Export your complete design system as CSS custom properties. Includes palette, tokens, type scale, spacing, shadows, …
dragoon0x/forge
2
13
forge-export-figma Export your design system in Figma Tokens format. Ready to import into Figma via the Tokens Studio plugin.
dragoon0x/forge
2
14
forge-export-scss Export your design system as SCSS variables and mixins. Includes palette map, type scale mixin, spacing function, and…
dragoon0x/forge
2
15
forge-export-tw Export your design system as a Tailwind CSS configuration. Generates theme.extend with colors, fonts, spacing, shadow…
dragoon0x/forge
2
16
forge-focus Generate a focus ring system using your system's accent color. Creates consistent :focus-visible styles for all inter…
dragoon0x/forge
2
17
forge-grid Snap all spacing values in the codebase to your system's grid. Replaces arbitrary padding, margin, and gap values.
dragoon0x/forge
2
18
forge-harden Add error states, loading states, i18n safety, and edge case handling using your design system's tokens.
dragoon0x/forge
2
19
forge-harmonize Add a complementary or analogous accent color to your system. Computes the harmonically ideal secondary color from yo…
dragoon0x/forge
2
20
forge-init Generate a complete design system from a brand color and project type. Creates .forge.json with palette, tokens, type…
dragoon0x/forge
2
21
forge-motion Check that all animations have prefers-reduced-motion fallbacks. Adds them if missing.
dragoon0x/forge
2
22
forge-pair Get contextual font pairing recommendations based on your project type. Never suggests banned fonts.
dragoon0x/forge
2
23
forge-palette Regenerate the 50-950 shade palette from the current brand color in .forge.json. Updates the palette section without …
dragoon0x/forge
2
24
forge-polish Final quality pass checking every value against your design system. The last command before shipping.
dragoon0x/forge
2
25
forge-quieter Tone down the design within your system's range. Use subtler shades, smaller type differences, and softer shadows.
dragoon0x/forge
2
26
forge-radius Regenerate the border radius scale based on project type. SaaS gets moderate, portfolio gets soft, e-commerce gets ti…
dragoon0x/forge
2
27
forge-responsive Check responsive behavior using your system's spacing scale. Verifies that spacing reduces proportionally at smaller …
dragoon0x/forge
2
28
forge-rhythm Enforce vertical rhythm using your system's baseline grid. Ensures heading margins, paragraph spacing, and section pa…
dragoon0x/forge
2
29
forge-score Score how well the codebase adheres to your design system. 0-100, where 100 means every value references a token and …
dragoon0x/forge
2
30
forge-semantic Rebuild the semantic token mapping from your palette. Maps surface, text, border, accent, and feedback tokens to spec…
dragoon0x/forge
2
31
forge-shadow Regenerate the shadow elevation system tinted with your brand hue. Produces 5 levels from sm to 2xl.
dragoon0x/forge
2
32
forge-spacing Regenerate the spacing scale from your system's base unit. Outputs 13 steps from 4px to 128px.
dragoon0x/forge
2
33
forge-spacing-audit Find every spacing value in the codebase that doesn't match your scale. Lists violations by file and line.
dragoon0x/forge
2
34
forge-spacing-fix Auto-fix all off-scale spacing values. Snaps to nearest system value and replaces with token reference.
dragoon0x/forge
2
35
forge-surface-audit Check background color hierarchy. Verifies that surfaces, cards, and modals use the correct token from your system.
dragoon0x/forge
2
36
forge-touch Verify all interactive elements meet 44×44px minimum touch target size. Suggests padding increases using your spacing…
dragoon0x/forge
2
37
forge-type Regenerate the type scale from your .forge.json ratio and base size. Outputs 8 steps with px values and CSS custom pr…
dragoon0x/forge
2
38
forge-type-audit Find every font-size in the codebase that doesn't match your type scale. Lists violations with suggested scale values.
dragoon0x/forge
2
39
forge-type-fix Snap all font sizes to the nearest step in your type scale. Replaces arbitrary values with var(--type-step) reference…
dragoon0x/forge
2
40
forge-update Regenerate the entire design system from a new brand color while preserving the project type. Updates .forge.json and…
dragoon0x/forge
2
41
forge-a11y Full accessibility audit using your design system's color tokens. Checks contrast, focus styles, semantic HTML, touch…
dragoon0x/forge
1
42
forge-audit Check the current codebase against your .forge.json design system. Finds raw hex values that should be tokens, spacin…
dragoon0x/forge
1
43
forge-normalize Align every value in the codebase to the nearest system token. The nuclear option for system compliance.
dragoon0x/forge
1