Marmo UI MCP server
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
39 stars
Reviews
Write oneNobody has reviewed Marmo UI yet.
If you have run it, two minutes of your experience saves the next person an afternoon.
Marmo UI tools (14, 1 write)
write = sends, deletes, buys or postsdeploy_prototypewrite actionFreeRegister a prototype for sharing and get a share URL. Reviewers can leave inline comments via the Marmo overlay.
generate_componentFreeValidate and optionally save a custom component for the authenticated tenant. Runs review_generated_code validation before persisting. Use for AI-generated or customized components.
get_agent_connect_configFreeReturns ready-to-paste MCP configuration for Cursor, Claude Code, or Codex. Use on the Connect page or when setting up a new project.
get_component_infoFreeGet 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.
get_design_guidelinesFreeMANDATORY 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_mdFreeGenerate 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.
get_knowledge_versionFreeReturns 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.
get_patternFreeGet 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.
get_prototype_feedbackFreeFetch inline comments from a shared prototype as structured data and Markdown. Pull into Cursor/Claude to iterate on feedback.
get_tenant_themeFreeReturns the authenticated tenant's customized theme tokens, CSS variables export, and component overrides. Call after auth to apply tenant-specific styling in generated code.
list_componentsFreeList 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.).
review_generated_codeFree⚠️ 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.
search_componentsFreeSearch @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.
validate_component_usageFreeValidate 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.
Public scan report
scanner v0.1.9 · 2026-09-26 · same rubric, same numbers if you re-run it
- –Code scanremote-only server, no package to scann/a
- Live reliabilityremote reachable in 386ms20/20
- Tool poisoning14 tool descriptions checked15/15
- Auth qualityopen endpoint exposes 1 write-action tools with no auth3/15
- Maintenancelast push 63 days ago12/15
- Maintainer identityregistry namespace matches repository owner; GitHub account older than a year8/10
Findings (1)
- highWrite-action tools reachable without authentication
auth.open-write
What the publisher says
From the Marmo UI repository's README, as published. We do not edit it. Read it on GitHub
Marmo UI
The AI agentic designer. Point the agent you already use — Claude Code, Codex, Cursor, Gemini CLI — at Marmo and it builds production dashboards and apps in minutes: real components, real props, your own style. No AI slop.
Platform, docs & pricing → marmoui.com
npx marmoui init # connect your agent (free, no account)
npm i @marmoui/ui # the component library (MIT)Then just ask your agent: "Build a billing dashboard with Marmo UI."
<!-- TODO: demo video goes here -->
How it works
- @marmoui/ui — an open-source React 19 design system (MIT, public npm). Tables, charts, forms, app shells — everything a product UI needs, light + dark from one token set.
- The Marmo MCP — a hosted knowledge server your agent connects to. Instead of guessing from training data, the agent reads live component APIs, composition patterns, and generation rules, and validates its output (reviewgeneratedcode) before reporting done. Wrong imports and invented props get caught and fixed before you ever see them.
- Claude Code plugin — /plugin marketplace add mahmoudilyan/marmoui → /plugin install marmo-ui@marmoui-plugins. Bundles the MCP plus the marmo-ui skill and /marmo-ui:* commands (init, design-md, build) that enforce the find → generate → validate workflow.
Light and dark from one token set
Every component ships both themes off the same semantic tokens (bg, panel, ink, primary-*) — no parallel dark stylesheet, no hardcoded hex.
Free vs Pro
Pro mode in one sentence: the free tier makes your agent correct; Pro makes it yours — run /marmo-ui:init (or write a DESIGN.md by hand), upload it at marmoui.com/connect, and every agent on your account generates UI in your brand instead of the Marmo defaults. Generation always happens in your agent with your LLM tokens; the code lands in your repo and you own it fully.
Monorepo structure
├── apps/
│ └── design-system-docs/ # marmoui.com — docs + marketing site
├── packages/
│ ├── ui/ # @marmoui/ui — publishable component library
│ └── cli/ # marmoui — npx marmoui init
└── tools/claude-plugin/ # Claude Code plugin + marketplaceThe hosted MCP server and platform services live in a private repository; this repo talks to them only through the hosted MCP at mcp.marmoui.com.
Using @marmoui/ui directly
Works as a regular component library too — no agent required:
import '@marmoui/ui/style.css'; // once, in your app entry
import { Button, DataTable } from '@marmoui/ui';Shortened. The full README is on GitHub.
Nothing above is checked by us. What we check is on the safety report.
Install directly
claude mcp add --transport http marmo-ui https://mcp.marmoui.com/mcp
Marmo UI: common questions
- Is Marmo UI MCP server safe?
- Mostly: it is graded B (77/100). Read the Marmo UI safety report
- How do I install Marmo UI?
- It runs remotely at mcp.marmoui.com. Add it to Claude Code, Claude Desktop or Cursor with the snippets above, or call it through the mcp.market gateway without installing anything.
- Does Marmo UI need an API key?
- Not as far as the registry entry and our scan can tell: no credentials are declared or required.
- Is Marmo UI maintained?
- The last commit was 63 days ago (2026-07-25). The latest release is v1.1.1.
- Is Marmo UI up?
- 100% of our last 28 checks got an answer. We check remote servers about four times a day.
- What can I use instead of Marmo UI?
- Servers from other publishers that do the same job: Designer Skill MCP server, Raven MCP server and Mimic AI MCP server. Compare all Marmo UI alternatives.
Alternatives to Marmo UI
Same job from other publishers: the closest match first, then the best rated.
- Designer SkillUI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.not reviewedGrowingA
RavenDesign intelligence for coding agents: audits, design systems, and a taste profile agents consult.not reviewedGrowingB- Mimic AIBuilds Figma from your design system: real components and tokens, enforced, learning every build.not reviewedGrowingA
Agentic Design SystemRender web and SwiftUI evidence, run explicit visual judgment, and trace ADS UI decisions.not reviewedGrowingA- DesignesyScore any URL against a real design contract — 42 checks, A-F grade, token + motion validation.not reviewedGrowingA