Run any Skill in Manus with one click

forge-init

Stars0

Forks0

UpdatedMarch 20, 2026 at 15:59

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.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

Dragoon0x

Dragoon0x/forge

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web and Digital Interface DesignersComputer and Mathematical Occupations·SOC 15-1255

SKILL.md

readonly

name	forge-init
description	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.
user-invokable	true

/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 this repository

same repository

forge-a11y

Dragoon0x/forge

Full accessibility audit using your design system's color tokens. Checks contrast, focus styles, semantic HTML, touch targets, and motion safety.

2026-03-200

forge-audit

Dragoon0x/forge

Check the current codebase against your .forge.json design system. Finds raw hex values that should be tokens, spacing off your scale, fonts not in your system, and missing token references.

2026-03-200

forge-bolder

Dragoon0x/forge

Amplify the design within your system's range. Use stronger palette shades, higher type scale steps, and more dramatic shadows.

2026-03-200

forge-color-audit

Dragoon0x/forge

Find every color in the codebase that isn't in your palette or token system. Lists orphan colors with suggested replacements.

2026-03-200

forge-color-fix

Dragoon0x/forge

Replace all orphan colors with the nearest token from your system. Converts raw hex values to var(--token) references.

2026-03-200

forge-contrast

Dragoon0x/forge

Check WCAG contrast ratios across your entire token system. Tests every text token against every surface token.

2026-03-200

name	forge-init
description	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.
user-invokable	true

/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.