Windcraft

Windcraft v1

Speaks
the same
language.

Cursor, Claude Code, Codex, Copilot — your AI writes the code. Windcraft makes every page speak the same design language — across components, screens, and platforms.

Get startedWatch the demo
windcraft.io / acme-web
Synced · v12

Tokens · Color

12 colors

brand

#5856D6

tint.green

#34C759

tint.orange

#FF9500

tint.red

#FF3B30

Synced to acme/main · 2m ago·77 contracts · 60 patterns · 9 rules
⌘ K Quick switch

The problem

AI ships pages.
None of them feel like the others.

Every prompt is a fresh draw. Buttons drift. Spacing drifts. By the tenth page nothing matches. The fix isn't a better prompt — it's a system the AI reads from.

01

Tokens

The atoms.

Color, spacing, type, radius, shadow, z-index. Edit them in the dashboard. Tailwind config, CSS variables, RN theme regenerate atomically.

#5856D6

#AF52DE

#FF2D55

#FF9500

#34C759

#00C7BE

Aa

Aa

Aa

02

Contracts

The grammar.

77 component contracts fed to your AI tool through MCP. Variants, sizes, slots, rules, examples — your AI knows the difference between primary and destructive.

contracts/Button.json
{
  "name": "Button",
  "variants": [
    "primary", "secondary",
    "ghost", "outline",
    "destructive", "link"
  ],
  "sizes": ["sm", "md", "lg", "xl"],
  "slots": ["leading", "trailing"],
  "rules": [
    "Pass aria-label when no text.",
    "One primary CTA per page."
  ]
}

03

Patterns

The sentences.

60 page recipes for sign-up, checkout, dashboard, ecommerce, blog. Layout regions, states, microcopy, motion. Every page coherent with the others.

windcraft.io / dashboard

On day one,
everything is already there.

77

Component contracts

60

Page patterns

9

Static analyzer rules

1

Coherent system

Pricing

$29

per month · 14-day money-back guarantee

Get started

Ship coherent UI.

Your AI writes the code. Windcraft sets the tone.

Get started