melta-ui

by tsubotax · Media & Design · ★ 202

melta-ui is an MCP server by tsubotax. 人間にも、AIにも、読めるデザインシステム — AI-Ready Design System for Claude Code & Cursor. It has 202 GitHub stars and ranks #226 of 2017 in Media & Design by stars.

Category: Media & Design
Author: tsubotax
GitHub stars: 202
This week: Tracking since 18 Oct 2026
Weekly downloads: 120
Language: TypeScript
License: MIT (open source)
Last update: 2026-10-10 (14 days ago)
Links: Source Website npm

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

How to install melta-ui

melta-ui is published on npm as melta-ds-mcp, and it is listed in the official MCP Registry. These steps assume it runs as a local stdio server, which is the usual setup.

Check the README. Confirm the start command and note any API keys or environment variables it needs (pass them with -e KEY=value or an env block). You need Node.js for npx.

Add it to Claude Code from a terminal:

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

Or add it to Cursor or Claude Desktop in .cursor/mcp.json or claude_desktop_config.json:

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

Restart the client and check it. Run claude mcp list, or open the client's MCP settings, and confirm melta-ui and its tools are listed. The install guide covers VS Code and Codex.

Also listed in

Maintain this project? Get it featured ($99/mo, pinned at the top of Media & Design) or see what featuring includes.

Report a problem with this listing

Frequently asked questions

What is melta-ui?

melta-ui is an MCP server by tsubotax in the Media & Design category. 人間にも、AIにも、読めるデザインシステム — AI-Ready Design System for Claude Code & Cursor. It has 202 GitHub stars and ranks #226 of 2017 in Media & Design by stars. It is written in TypeScript. It is licensed under MIT. It was last updated 14 days ago.

Is melta-ui free and open source?

Yes. melta-ui is published under the MIT license, so you can run, modify and self-host it at no cost. If it connects to a paid service, that service's own pricing and API terms still apply. Check the repository for the exact license text before using it commercially.

What are the alternatives to melta-ui?

Other Media & Design projects on MCP Harbor include Shotkiln, remotion, LocalAI. Each alternative links to its own page with stars, license and recent activity. The Media & Design category ranks all 2017 by stars, and you can re-sort it by growth this week.

Alternatives to melta-ui

Shotkiln★ FeaturedMCP Registry

shotkiln.com

Screenshot, PDF and Open Graph image API for AI agents: capture pages, render PDFs, make OG images.

remotion★ 66,837

remotion-dev · TypeScript

🎥 Make videos programmatically with React

LocalAI★ 49,903

mudler · Go+305 stars this week (+0.6%)

LocalAI is the open-source AI engine. Run any model - LLMs, vision, voice, image, video - on any hardware. No GPU required.

chakra-ui★ 40,702

chakra-ui · TypeScript

Chakra UI is a component system for building SaaS products with speed ⚡️

next-ai-draw-io★ 36,394

DayuanJiang · TypeScript+92 stars this week (+0.3%)

Draw and edit draw.io diagrams by chatting with an AI. Web app, desktop app, and an MCP server for Claude Code, Cursor, Codex and VS Code.

agentscopeTrending★ 33,797

agentscope-ai · Python+378 stars this week (+1.1%)

Build and run agents you can see, understand and trust.

All 2017 Media & Design MCP servers →

Data last updated 25 October 2026. Stars and downloads are refreshed every day from GitHub and npm.