Mcp Server
Keep AI-generated UI aligned with a design essence spec via registry lookup, drift detection, and structured critique during frontend work.
Overview
Decantr MCP is an MCP server for the Build phase that provides essence specs, a design registry, drift detection, and critique for AI-generated UI.
What is this MCP server?
- Essence spec workflow to anchor what “on-brand” means for generated UI
- Component or pattern registry tools for consistent reuse
- Drift detection between intended design and agent output
- Critique tooling aimed at AI-generated interfaces, not generic lint
- npm @decantr/mcp-server stdio package version 1.0.3
- npm package @decantr/mcp-server version 1.0.3
- stdio MCP transport
- Capabilities described: essence spec, registry, drift detection, critique
Community signal: 6 GitHub stars.
What problem does it solve?
Agent-written UI diverges from product design intent because there is no machine-readable spec or drift check in the coding session.
Who is it for?
Indie SaaS builders iterating fast with AI frontend codegen who need repeatable design governance.
Skip if: Pure backend or CLI projects with no generated UI surface to govern.
What do I get? / Deliverables
After registration, agents can validate UI against your essence spec, detect drift, and apply structured critique before you ship screens.
- Documented design essence spec consumable by agents via MCP
- Drift reports comparing generated UI to registry expectations
- Critique-backed iteration loop for agent-written components
Recommended MCP Servers
Journey fit
How it compares
Design-intelligence MCP for generated UI, not a Figma export plugin or generic CSS linter skill.
Common Questions / FAQ
Who is Decantr MCP for?
Solo builders and small front-end-heavy teams using AI agents to write UI and wanting specs, registry, and drift checks inside MCP.
When should I use Decantr MCP?
Use it while building or reviewing frontend when agent output must match an essence spec and you need drift detection before merge or ship.
How do I add Decantr MCP to my agent?
Install @decantr/mcp-server from npm and add it as a stdio MCP server in your Claude Code, Cursor, or compatible client configuration.