windcraft-mcp
Provides a GitHub Action for drop-in CI enforcement of design token compliance checks.
Provides a pre-commit hook for local enforcement of design token compliance checks.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@windcraft-mcpValidate this button component against our design tokens."
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
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 checkWhat'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 mcpinit 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.
This server cannot be deployed
Maintenance
Related MCP Connectors
Serves your design system and coding standards to coding agents, so they stop guessing.
Give your agent a real design system: tokens, measured WCAG contrast, and rules to follow.
Access and maintain design system docs, tokens, components, skills, and contexts across any project.
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Related MCP Servers
- AlicenseAqualityAmaintenanceDesign 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.6194 npm19Apache 2.0
- AlicenseNot gradedqualityDmaintenanceEnables coding agents like Cursor to access Figma design data, fetch layout and styling information, and implement designs in any framework.60,612 npmMIT
- AlicenseNot gradedqualityDmaintenanceEnables AI agents to extract design systems, analyze components, and maintain design-code consistency from Figma files, providing intelligent component analysis and accessibility compliance.158 npm29MIT
- FlicenseNot gradedqualityDmaintenanceAnalyzes Figma design files through natural language queries, enabling component detection, color extraction, and consistency checks via AI assistants like Claude in Cursor.-