Skip to main content
Glama

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.

Related MCP server: figma-developer-mcp

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.

License & trademarks

MIT. Independent and unaffiliated with the companies whose names inspired the bundled theme presets — see TRADEMARKS.md.

Related MCP Connectors

Related MCP Servers

  • A
    license
    A
    quality
    A
    maintenance
    Design contract layer for AI agents. Scans Figma, code, Storybook, and token files, reconciles conflicts, and serves a single machine-readable source of truth so every agent gets the same authoritative design rules before it builds. Local-first.
    6
    194 npm
    19
    Apache 2.0
  • A
    license
    Not graded
    quality
    D
    maintenance
    Enables coding agents like Cursor to access Figma design data, fetch layout and styling information, and implement designs in any framework.
    60,612 npm
    MIT
  • A
    license
    Not graded
    quality
    D
    maintenance
    Enables AI agents to extract design systems, analyze components, and maintain design-code consistency from Figma files, providing intelligent component analysis and accessibility compliance.
    158 npm
    29
    MIT
  • F
    license
    Not graded
    quality
    D
    maintenance
    Analyzes Figma design files through natural language queries, enabling component detection, color extraction, and consistency checks via AI assistants like Claude in Cursor.
    -