Skip to main content
MCP server CX Codex

mcp-server · decantr-ai — Claude Code MCP server: install and use

This MCP server checks AI-made UI changes against a project’s components, styles, interaction rules, and source boundaries. It also supplies context and repair tools.

Install into Claude Code · Platform CLI All methods and platforms ↓
claude mcp add mcp-server -- npx -y @decantr/mcp-server
Open on GitHub

What mcp-server does

mcp-server connects a coding agent to local UI change control. It compares the code that changed with the authority already present in the project, including production source, components, styling, tests, local rules, and available runtime evidence.

The server exposes eight tools: decantr_project, decantr_contract, decantr_context, decantr_graph, decantr_registry, decantr_verify, decantr_repair, and decantr_contract_write. They cover project context, task preparation, graph and contract data, verification, and repair. The workflow runs locally and does not replace a router, component library, test suite, editor, or coding agent.

Install it through npx with @decantr/mcp-server. Verification uses the current Git worktree. If the app selection or Git scope cannot be proven, the result is not_proven rather than a passing conclusion.

What it helps with

  • check a UI diff against project-owned rules
  • compare edits with production components and styles
  • prepare scoped context for an agent task
  • trace a finding to its source and repair target

Example prompts for the agent

  • Check the current UI diff against this project’s components, styles, and local rules.
  • Prepare task context for adding saved actions to the feed screen, then show the relevant source files.
  • Verify the latest UI change and repair findings without replacing the project’s component library.

How to install mcp-server

Platform CLI

claude mcp add mcp-server -- npx -y @decantr/mcp-server

Step by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more

Questions about mcp-server

How do I install mcp-server in Claude Code?

Run claude mcp add mcp-server -- npx -y @decantr/mcp-server. Restart the Claude Code session so the MCP tools are available.

What does mcp-server do?

It gives an agent eight tools for project context, UI change verification, and repair. Findings point back to project source and available evidence.

Which platforms support mcp-server?

It supports Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, and Gemini CLI.

Similar MCP servers

All MCP servers for Agent setup: memory, context, orchestration →

mcp-server by other authors comes first.

mcp-server HeyPuter Connects your AI agent to Puter for files, websites and workers. Useful when the project already lives in Puter's cloud. CX Codex +1 ★ 43,902repo stars mcp-server mapbox Connects Mapbox location APIs to your AI assistant for geocoding, multi-modal routing, and map rendering. Helpful when building travel planners or spatial query assistants. CX Codex +1 ★ 363repo stars mcp-server PackmindHub Connects team engineering playbooks and shared coding standards from Packmind directly to AI coding agents. CX Codex +1 ★ 319repo stars mcp-server BingoWon Search Apple developer documentation and WWDC transcripts, with results ranked for relevance to your question. Useful when an agent needs API references or coding context. CX Codex +1 ★ 121repo stars mcp-server UI5 Connects SAPUI5 and OpenUI5 developer tooling to AI assistants. Helps scaffold apps, inspect manifest schemas, and run linters directly in chat. CX Codex +1 ★ 105repo stars screenshot bobmatnyc This skill sets up screenshot checks for UI changes across desktop, tablet, and mobile. Use it when a pull request needs visible proof of the result. CX Codex +1 380installs design-studio George-RD Coordinates agent roles for UI workflows, design audits, and paginated documents with blind evaluation based on rendered evidence. CX Codex +1 501installs shadcn-component-review mattbx Reviews finished components and layouts against shadcn patterns: spacing, semantic tokens, primitive composition, and the project's chosen visual style. CX Codex +1 635installs review-design-parity official Figma Compares a built interface with its Figma frame and lists where layout, tokens or interactions drift. Useful before handing off a screen. CX Codex GP ChatGPT ★ 7,604repo stars visual-regression-tester patricio0312rev This skill sets up visual regression testing: it captures screenshots, compares them against baselines and flags unintended UI changes. CX Codex +1 330installs Visual Memory MCP putervision This server stores visual UI states and helps an agent find elements or compare screens. Use it to inspect interface changes and trace recorded tests. CX Codex +1 ★ 38repo stars

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor