Skip to content
Agentmart
Submit a tool

melta UI

AI-Ready design system MCP: melta UI tokens, component contracts, 107 rules, check_html self-verify

Connector by tsubotax · GitHub account verified by the MCP Registry

IndexedMITLocal (stdio)★ 202
Write a review

Install

Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.

npx agentmarket install connector/tsubotax-melta-ui

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

AI-Ready design system MCP: melta UI tokens, component contracts, 107 rules, check_html self-verify

Use cases: frontend-development, ui-design

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this server can do and what it asks for, from its tool list and install config. Checked Oct 25, 2026.

Tools
6 read · 0 write · 0 deleteRead-only
Secrets
None asked for
Install scripts
None found
Runs as
Node.js package

Tools by what they do 6

Read from the source code; the running server may list different tools.

Read 6 · Look things up without changing anything.

  • check_html
  • check_rule
  • get_component
  • get_rules
  • get_token
  • search

Files it touches

  • Any path the agent passes to its tools

Tools (6)

Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].

  • check_html

    Lint a full HTML/JSX source against melta UI rules (same checks as CI: class + html-attr + composition). Use AFTER generating UI code to self-verify before presenting it.

  • check_rule

    Check Tailwind classes against melta UI prohibition rules. Returns violations with reasons and alternatives.

  • get_component

    Get melta UI component metadata: variants, sizes, accessibility requirements, HTML sample, per-state specs (stateSpecs: disabled/loading/open/empty — delta Tailwind + aria changes), and anatomy parts (overlay/th etc.). Prefer the structured fields over inferring states from the HTML sample.

  • get_rules

    Description is built at runtime.

  • get_token

    Get a melta UI design token by dot-path. Returns the token object with value and tailwind class.

  • search

    Search across melta UI tokens and components by keyword. Matches against names, values, tailwind classes, and descriptions.

Compare and alternatives

    Featured in

    Signals

    Stars
    202
    Forks
    21
    Open issues
    0
    Contributors
    1
    Last commit
    Oct 10, 2026 (18 days ago)
    Last release
    Oct 10, 2026 (18 days ago)

    From GitHub (fetched Oct 24, 2026).

    Details

    Registry name
    io.github.tsubotax/melta-ui
    Version
    1.9.1
    Auth
    No auth
    Packages
    npm melta-ds-mcp
    License
    MIT
    Repository
    github.com/tsubotax/melta-ui
    Website
    melta.tsubotax.com
    First seen
    Oct 24, 2026
    Last checked
    Oct 24, 2026
    Source
    Official MCP Registrygithub-graphql
    Cite this page

    melta UI MCP server. Agent Mart. https://agentmart.dev/connectors/tsubotax-melta-ui (last updated 2026-10-24)