mcpbeat Sign in

Marmo UI MCP Server

by mahmoudilyan Your server? Claim it
answering

Marmo UI is answering right now. Last checked 1 h ago. It exposes 14 tools. Last commit 25 Jul 2026.

Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.

Uptime history 47 days of history · worst day 75%
47 days agonow
100.0%
Uptime 24h
48 of 48 checks
14
Tools
read from the server
239 ms
Response time
average over 24h
41
Stars
last commit 25 Jul 2026

What the code does

We read the source, 20 h ago · tools taken from the live server · rules 3dff92dd89df

Capabilities

What this server is able to do. For an MCP server this is often the job itself — a terminal server runs commands because that is what it is for. Listed so you know what you are plugging in, not as an accusation.

Builds a file path from a variable apps/design-system-docs/src/lib/content.ts:31
    const fullPath = path.join(CONTENT_DIR, dir);
Touches key and credential files apps/design-system-docs/Dockerfile:10
COPY pnpm-workspace.yaml pnpm-lock.yaml package.json .npmrc ./

Is this your server and something here is wrong? Tell us — corrections are free and do not require a plan.

This code can reach further than it looks

We found places where it runs commands, builds paths or queries from values it is given. None of that is a flaw by itself — it becomes one when the code changes, and code changes quietly between releases. We re-read it on every one.

Three servers free · no card

Connect this server

Endpoint below is the one we actually reach during checks — not the one copied from a README. Last verified 1 h ago.

run in your terminal
claude mcp add marmo-ui --transport http https://mcp.marmoui.com/mcp
~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "marmo-ui": {
      "url": "https://mcp.marmoui.com/mcp"
    }
  }
}
~/.codex/config.toml
[mcp_servers.marmo-ui]
url = "https://mcp.marmoui.com/mcp"
.cursor/mcp.json
{
  "mcpServers": {
    "marmo-ui": {
      "url": "https://mcp.marmoui.com/mcp"
    }
  }
}
.vscode/mcp.json
{
  "mcpServers": {
    "marmo-ui": {
      "url": "https://mcp.marmoui.com/mcp"
    }
  }
}

Available tools 14

Read directly from the server with tools/list, grouped by what they act on. If a tool disappears, we record the date.

components
list_components
List all available @marmoui/ui components with names, descriptions, categories, and prop counts. Use to discover what exists. Prefer `search_components` when you already know the use case (form, table, dialog, etc.).
search_components
Search @marmoui/ui by keyword (e.g. "form", "table", "dialog", "avatar"). Preferred discovery tool — returns the 5-8 most relevant components for a need. Call this before `get_component_info` when unsure which component to use.
design
get_design_guidelines
MANDATORY FIRST CALL before writing any @marmoui/ui code in this session. Returns a step-by-step generation checklist (which tools to call, in what order), critical rules (no namespace sub-components, PageSection is self-closing, no Sidebar export), component patterns, and ICON LIBRARY RULES. Pass iconLibrary (default "phosphor"; also "material" | "lucide" | "tabler" | "heroicons" | "feather") to get that library's import source, icon name map, and weight/style mapping — and pass the SAME value to review_generated_code so it enforces it. Ask the user which icon library they want before writing UI code. Call topic="patterns" to get the generation checklist specifically.
get_design_md
Generate a portable DESIGN.md for the authenticated tenant — brand color, type, tokens, and component inventory — that any AI agent can read to generate on-brand UI. Pass format="markdown" (default) for the DESIGN.md string or format="json" for structured data. Output is deterministic for a given tenant.
agent
get_agent_connect_config
Returns ready-to-paste MCP configuration for Cursor, Claude Code, or Codex. Use on the Connect page or when setting up a new project.
component
get_component_info
Get exact props (with types and defaults), code examples, composition patterns, and common mistakes for a single @marmoui/ui component. REQUIRED before using any component for the first time in a session — prevents hallucinated props (e.g. variant="danger" on Badge, size="lg" on Text) that fail at build time.
deploy
deploy_prototype
Register a prototype for sharing and get a share URL. Reviewers can leave inline comments via the Marmo overlay.
generate
generate_component
Validate and optionally save a custom component for the authenticated tenant. Runs review_generated_code validation before persisting. Use for AI-generated or customized components.
knowledge
get_knowledge_version
Returns the MCP knowledge version: gitSha, indexedAt, componentCount, patternCount, uptimeSeconds. Call this ONCE per session before generating UI code so you know how fresh the design-system data is. Cheap to call. If gitSha is "unknown" or indexedAt is far in the past, surface that to the user before relying on the data.
pattern
get_pattern
Get a complete, validated composition example for a common UI pattern. Available: app-layouts (ASK USER which of 4 layout ids before any full page), app-shell, confirmation-dialog, dialogs-for-other-actions, data-table-with-filters, form-with-validation, posthog-tracking. Call app-layouts first for full pages — returns layout selection flow + AppLayout usage. Pass iconLibrary (default "phosphor") so the usage note tells you which icon import source to rewrite the pattern's icons to. Returns code + inline validation report. Call with no arguments to list all patterns.
prototype
get_prototype_feedback
Fetch inline comments from a shared prototype as structured data and Markdown. Pull into Cursor/Claude to iterate on feedback.
review
review_generated_code
⚠️ MANDATORY — call this on every piece of code you generate before returning it to the user. Validates TSX/JSX against real @marmoui/ui prop signatures and returns { valid, errors[], warnings[], suggestedFixes[], iconLibrary }. Catches: (1) unknown imports, (2) Tabs.List/Tabs.Trigger namespace misuse → auto-suggests TabsList/TabsTrigger fix, (3) PageSection used as wrapper (must be self-closing), (4) hallucinated props, (5) icons imported from the wrong icon library (pass iconLibrary — default "phosphor" — matching what you passed to get_design_guidelines; wrong-library icon imports are ERRORS). If valid=false, fix all errors and call this again. DO NOT return code with errors to the user.
tenant
get_tenant_theme
Returns the authenticated tenant's customized theme tokens, CSS variables export, and component overrides. Call after auth to apply tenant-specific styling in generated code.
validate
validate_component_usage
Validate a TSX/JSX snippet against real @marmoui/ui prop signatures. Returns `{valid, issues[]}`. Prefer `review_generated_code` for post-generation review (it also auto-fixes namespace patterns and suggests related patterns). Use this tool when validating user-provided or existing code rather than newly generated code.

Endpoints

URLTransportStateLatencyChecked
https://mcp.marmoui.com/mcp streamable-http answering 266 ms 1 h ago

Alternatives to Marmo UI

same job, measured the same way
Metricui
by mpmcgowen

React dashboard components — API lookup, code generation, and prop validation for AI tools.

32 installs/wk local only
Design System
by zaklad

Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.

answering
Sms Florin MCP
by flovoice53-tech

Rent a real UK phone number and receive SMS/OTP codes — built for AI coding agents.

35 installs/wk local only
Icdwise
by qinisolabs

Verified ICD-10-CM code lookup & validation for AI agents — official descriptions, not guesses.

62 installs/wk local only
Agenticmail
by agenticmail

Real email and SMS for AI agents — send mail, receive verification codes, drive a real inbox.

301 installs/wk local only
Joltsms Sms
by rchanllc

Provision real-SIM US phone numbers, receive SMS, and extract OTP codes for AI agents.

24 installs/wk local only
Understand Quickly
by looptech-ai

Public registry of code-knowledge graphs for AI agents with schema validation and drift detection.

32 installs/wk local only
Syke
by khalomsky

AI code impact analysis — dependency graphs, cascade detection, and build gates for AI agents

162 installs/wk local only

Marmo UI — questions

Answers built from our own checks of this server.

What can Marmo UI do?
It exposes 14 tools, read directly from the server on our last check. Among them: deploy_prototype, generate_component, get_agent_connect_config, get_component_info, get_design_guidelines, get_design_md and 8 more. The full list with descriptions is on this page — we take it from the server itself via tools/list, not from a README. How MCP servers expose tools in the first place →
What is Marmo UI mostly used for?
Its tools cluster around components and design. That is what this server is built to work with — the grouping comes from the actual tool names, not from a category we assigned.
Is Marmo UI working right now?
We send a real MCP handshake every 15 minutes. Over the last 24 hours 48 of 48 checks got a reply (100.0%), average response time 239 ms. The bar chart above shows every period we have measured.
How do I connect Marmo UI?
Copy the ready config from this page — we generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each with the file path that client actually reads. It is a remote server, so there is nothing to install — the client connects to the address.
Does Marmo UI need an API key?
No. Marmo UI completed a full MCP handshake with us as an anonymous client and listed its tools without asking for anything. All 14 of them are readable on this page. This is what we observed, not what the docs claim.
How fast is Marmo UI?
It answers our handshake in 239 ms on average, which is faster than 59% of all working MCP servers we measure. The comparison comes from our own checks across the whole registry, every 15 minutes.
Is Marmo UI open source?
Yes — it is published under the MIT licence, written in TypeScript, 41 stars on GitHub and 1 open issue. The source link is on this page, so you can read exactly what it does with your data before you connect it.