melta UI MCP Server

AI 向けデザインガイドラインを、違反を止める実行可能な契約へ。 AI にガイドラインを読ませることはできる。守るかどうかは AI 任せになる。melta UI は、その「任せ」を機械に置き換える。生成の前（MCP で契約を参照させる）・直後（lint / hook が違反を突き返す）・マージ前（CI が止める）・その後（drift 検査がドキュメントと実装の腐りを検知し続ける）の 4 点で機械が関与する。読ませるだけでなく、守らせる。. It runs locally over stdio via the published package.

People connecting design tools to Claude, Cursor, VS Code, or another MCP client. The project is written in TypeScript.

VERIFIED ACTIVE

LAST COMMIT 2026-08-17 · ★ 196 · #12 OF 74 MAINTAINED DESIGN · VERIFIED 2026-08-25

MIT · TypeScript servers · how we verify → /methodology

01 · Install melta UI

Claude Code

claude mcp add tsubotax-melta-ui -- npx -y melta-ds-mcp

Claude Desktop / Cursor / VS Code - add to config

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

Same JSON for Cursor. For VS Code, rename the top-level key from `mcpServers` to `servers`.

Using another client? Same JSON, different key

Claude Desktop · mcpServers

Cursor · mcpServers

VS Code · servers

Windsurf · mcpServers

Zed · context_servers

Cline · mcpServers

Roo Code · mcpServers

Continue · mcpServers

LibreChat · mcpServers

Gemini CLI · mcpServers

Codex CLI · mcp_servers

Full setup guides: every client.

02 · Evidence

Security posture

What to check before giving this server access to your agent - from the registry, GitHub, and our own probes. We don't score safety; we show what's verifiable.

runs as local process (stdio) - runs on your machine with your user's permissions

license MIT - declared in the repository

npm package melta-ds-mcp - unscoped; check the name against the project README before installing

registry namespace io.github.tsubotax is GitHub-verified and matches the repo owner

03 · What melta UI can do

Prose above is summarized from the project's README and registry record - no invented capabilities.

Latest releases

v1.2.0 · 2026-04-11

AI-Ready 2.0 アーキテクチャ · CLAUDE.md 一枚に全部入りだった v1 から、3 層分離（憲法 / 仕様 / 検証）の v2 に移行。 · --- · デザイナー向け：何が変わったのか · ひとことで言うと · 「AIがUIを作るとき、より正確に、より安定して、melta UIのルールを守れるようになった」 · 背景 · melta UI…

v1.1.1 · 2026-03-15

Changes · 全 HTML ページ（docs 3 + examples 16）に OGP メタタグ（og:title, og:description, og:image, Twitter Card）を追加 · favicon 未設定だった 5 ページに Meltan_favicon.svg を追加 · docs/index.html の区切り文字を統一、icons.html の説明文を改善 · Details · OGP…

v1.1.0 · 2026-03-15

melta UI v1.1.0 · OKLCH カラースケール移行とコード品質改善のアップデート。 · Color System · OKLCH プライマリカラースケール再生成 - 知覚的に均一なカラースケールに移行 · primary-500 フォールバック値を全ファイルで #2b70ef に統一 · Components · Tabs に bar バリアント追加 - underline に加え、バー型インジケーターのタブを追加…

04 · Who maintains melta UI

melta UI is maintained by tsubotax. It's the only MCP server we track from this author; the repo dates to Mar 2026.

05 · Facts

repository: github.com/tsubotax/melta-ui
website: https://melta.tsubotax.com/
category: design - ranked #12 of 74 actively-maintained design servers as of 2026-08-25.
registry: io.github.tsubotax/melta-ui (active, first published 2026-06-13)
packages: npm:melta-ds-mcp

06 · melta UI FAQ

What is melta UI?

Is melta UI still maintained?

Yes - as of 2026-08-25, its last commit was 2026-08-17. We re-verify nightly.

How do I install melta UI?

Run `npx -y melta-ds-mcp`. You can also paste the ready-made client config above.

Does melta UI run locally?

Yes - it's a stdio server: it runs on your machine (via npx) with your user's permissions. Your data stays local unless the server itself calls external APIs.

07 · Alternatives to melta UI

Alternatives to melta UI

Maintained design servers if melta UI isn't the fit.

More design MCP servers · Figma MCP Go · Aicanvas · Uizze · KiCad Schematics · Canvas MCP (vishalsachdev)

More TypeScript MCP servers · Cognigy AI MCP Management Server · Actions Pulse · SSH - policy-gated remote access · Partner Center MCP · Tuteliq MCP Server · see all