ompsure
Design Forge
/design-forge:ingestPRO

Ingest

Lift a real design system into Design Forge in seconds — point it at your current project, a GitHub repo, a named shadcn theme, or a live URL and it extracts the colors, typography, and spacing tokens every generator then matches. No manual token entry; network calls are consent-gated with graceful fallback.

What it does

Auto-detect: scans current project (tailwind.config / globals.css / components.json / theme.ts)
GitHub repo: shallow clone (--depth 1 --filter=blob:none) + scan + cleanup
shadcn theme: embedded snapshot of 9 named themes (default / slate / zinc / stone / gray / neutral / rose / violet / blue)
Live URL: fetches HTML + linked stylesheets, parses :root { --* } and top color/font literals — 30s wall-clock budget, no headless browser
Consent prompt before any network call (URL mode)
Normalized tokens.json with source provenance + raw blob for debugging

What you get by plan

PRO

Cross-source token extractor — repo, theme name, or live URL.

  • 4 source paths: auto / github / shadcn / url
  • Zero external deps (Node 18+ stdlib only)
  • Consent gate + hardened HTTP (10s/5s timeouts, 2 MB cap)
  • Graceful fallback on JS-rendered SPAs
  • Refresh procedure for shadcn theme snapshot documented inline
  • Output consumed by ui-designer + intake

Other Design Forge skills

/design-forge:intakePRO
IntakeFour quick questions — what you're building, your design system, brand assets, and motion level — turn a vague "make it look good" into a precise brief every downstream Design Forge skill reads, so you never re-explain your intent. Native AskUserQuestion at each step; re-run to change a single answer.
/design-forge:product-plannerPRO
Product PlannerMap user types, goals, flows, screens before coding.
/design-forge:ui-designerPRO
UI DesignerBrowse and apply premium web design patterns — taxonomy routing, section templates, asset generation, component catalog. Plus premium web animations, 3D, creative coding, generative art, and interactive experiences.
/design-forge:ux-researcherPRO
Design ResearchAI-powered design research agent using WebSearch and WebFetch to discover patterns, evaluate competitors, analyze technologies.

Try it in your terminal

Install free. No credit card required.

Get StartedBack to Design Forge