Skip to content
appsgit

melta UI

melta UI is an MCP server that adds developer tools to AI assistants such as Claude Desktop, Claude Code and Cursor. AI-Ready design system MCP: melta UI tokens, component contracts, 99 rules, check_html self-verify. It has 201 GitHub stars, is released under the MIT license and runs locally with npx -y melta-ds-mcp.

github.com/tsubotax/melta-ui (opens in a new tab)

View on GitHub (opens in a new tab)Website (opens in a new tab)

Install melta UI

Generated from the server's MCP registry entry. Replace your-value with your own values.

Claude Desktop

claude_desktop_config.json
{
  "mcpServers": {
    "melta-ui": {
      "command": "npx",
      "args": [
        "-y",
        "melta-ds-mcp"
      ]
    }
  }
}

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

Claude Code

claude mcp add --transport stdio melta-ui -- npx -y melta-ds-mcp

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "melta-ui": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "melta-ds-mcp"
      ]
    }
  }
}

Project file; use ~/.cursor/mcp.json to enable it in every project.

VS Code

.vscode/mcp.json
{
  "servers": {
    "melta-ui": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "melta-ds-mcp"
      ]
    }
  }
}

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

About melta UI

🇬🇧 English: README.en.md · Showcase: （ドキュメント・契約の正本はこのリポジトリ） AI にガイドラインを読ませることはできる。守るかどうかは AI 任せになる。melta UI は、その「任せ」を機械に置き換える。生成の前（MCP で契約を参照させる）・直後（lint / hook が違反を突き返す）・マージ前（CI が止める）・その後（drift 検査がドキュメントと実装の腐りを検知し続ける）の 4 点で機械が関与する。読ませるだけでなく、守らせる。

  • ai-ready
  • claude-code
  • cursor
  • design-system
  • japanese
  • tailwindcss
  • ui-components

Similar MCP servers

More developer tools MCP servers

All Developer tools

FAQ

melta UI FAQ

Still curious? Email info@appsgit.com.

What is melta UI?

melta UI is an MCP server that adds developer tools to AI assistants such as Claude Desktop, Claude Code and Cursor. AI-Ready design system MCP: melta UI tokens, component contracts, 99 rules, check_html self-verify. It has 201 GitHub stars, is released under the MIT license and runs locally with npx -y melta-ds-mcp. The source code is at github.com/tsubotax/melta-ui.

How do I install the melta UI MCP server?

Add the command npx -y melta-ds-mcp to your MCP client: put it in claude_desktop_config.json for Claude Desktop, run claude mcp add for Claude Code, or add it to .cursor/mcp.json (Cursor) or .vscode/mcp.json (VS Code). The snippets on this page are ready to paste.

Is melta UI free?

The server is open source under the MIT license, so running it is free. It does not declare any required API key.

Is melta UI actively maintained?

The most recent commit was on Sep 27, 2026. The latest release is v1.2.0, published Apr 11, 2026. appsgit only lists MCP servers with a commit in the last six months and re-checks every server daily.