windcraft-mcp

0 starsMITCommunity

Install to Claude Code

This server doesn't publish a one-line install command. Follow the setup in the source repository.

Summary

Enables Cursor and Claude Code to read design tokens and rules, and validate component code against a design system before generating UI.

README.md

windcraft

Design coherence layer for AI-assisted code generation. Cursor, Claude Code, and friends write the code — windcraft keeps every page speaking the same design language by checking generated UI against your design tokens.

Runs free and local — no account, no cloud, no API key.

# scaffold tokens + config from a bundled starter theme (offline)
npx windcraft init --local

# scan your code against those tokens (exits non-zero on violations → CI gate)
npx windcraft check

What's here

This is the open-source CLI, static analyzer, and MCP server:

windcraft check — 8 design-drift rules (hard-coded colors, off-scale spacing, non-token fonts, missing empty/loading states, …), runs locally.
windcraft mcp — a local MCP server so Cursor / Claude Code read your tokens and rules before they generate (get_design_tokens, get_design_rules, validate_component_code).
GitHub Action + pre-commit hook — drop-in CI enforcement.

MCP (Cursor / Claude Code)

claude mcp add windcraft -- npx windcraft mcp

init also writes a Claude skill to .claude/skills/windcraft.md.

Hosted (optional)

windcraft.io adds a shared, editable design system for teams: hosted catalog of component contracts and page patterns, token sync across repos, version history, and org-wide enforcement. The local CLI never sends your source code.