Search / io.github.mahmoudilyan/marmo-ui
marmo-ui
not classifiedLive React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
v1.1.1 · active · repository · website · descriptor JSON · versions
Search / io.github.mahmoudilyan/marmo-ui
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
v1.1.1 · active · repository · website · descriptor JSON · versions
{
"mcpServers": {
"marmo-ui": {
"type": "http",
"url": "https://mcp.marmoui.com/mcp"
}
}
}claude mcp add --transport http marmo-ui https://mcp.marmoui.com/mcp[mcp_servers.marmo-ui]
url = "https://mcp.marmoui.com/mcp"
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"marmo-ui": {
"type": "remote",
"url": "https://mcp.marmoui.com/mcp",
"enabled": true
}
}
}{
"mcpServers": {
"marmo-ui": {
"type": "http",
"url": "https://mcp.marmoui.com/mcp"
}
},
"deeplink": "cursor://anysphere.cursor-deeplink/mcp/install?name=marmo-ui&config=eyJ0eXBlIjoiaHR0cCIsInVybCI6Imh0dHBzOi8vbWNwLm1hcm1vdWkuY29tL21jcCJ9"
}{
"servers": {
"marmo-ui": {
"type": "http",
"url": "https://mcp.marmoui.com/mcp"
}
}
}{
"mcpServers": {
"marmo-ui": {
"httpUrl": "https://mcp.marmoui.com/mcp"
}
}
}extensions:
"marmo-ui":
enabled: true
name: "marmo-ui"
type: streamable_http
uri: "https://mcp.marmoui.com/mcp"
timeout: 300
protocol.modernnewest supported version is 2025-11-25; 2026-07-28 not supported, older versions are deprecated until 2027-07-28protocol.statelessonly applies to 2026-07-28 serversprotocol.transportstreamable HTTPprotocol.list_ttlonly applies to 2026-07-28 serversauth.prm, auth.as_metadata, auth.cimdno remote uses OAuthauth.secret_in_urlno templated URLtools.descriptionsevery tool has a descriptiontools.description_lengthdescriptions are concisetools.schemasevery tool has an object input schematools.annotationsno tool declares readOnlyHint or destructiveHint, so clients cannot tell safe calls from risky onestools.directory_hintsno tool declares all four of readOnlyHint, destructiveHint, idempotentHint and openWorldHint; missing: list_components (readOnlyHint, destructiveHint, idempotentHint, openWorldHint); get_component_info (readOnlyHint, destructiveHint, idempotentHint, openWorldHint); review_generated_code (readOnlyHint, destructiveHint, idempotentHint, openWorldHint); …tools.token_costabout 2,283 tokens to load every tooltools.api_dumptools are not a one-to-one API dumpstability.changesno tool changes in 30 daysstability.rug_pullno tool changed its meaning under the same namedeps.known_vulns, deps.mcp_sdk_version, deps.resolvableno npm or PyPI packageNo tool definition changes recorded. A server's first observation is its baseline; later probes record what changes.
Checks run on what our credential-free, read-only probes observe; tools are never called and no code audit is performed. How it is computed.
+repository +namespace-matches-repo +website -unreachable(7 failures) ~updated-106d-ago
Derived from observable signals (official registry feed and our own credential-free probes); no code audit performed. How it is computed.
| remote | auth | reachable | uptime 30d | p50 | protocol | last ok |
|---|---|---|---|---|---|---|
https://mcp.marmoui.com/mcp streamable-http | none | no (7 failures) | 90% | 189 ms | 2025-11-25 | 2026-10-05 |
deploy_prototype | Register a prototype for sharing and get a share URL. Reviewers can leave inline comments via the Marmo overlay. |
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. |
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. |
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. |
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. |
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. |
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. |
get_prototype_feedback | Fetch inline comments from a shared prototype as structured data and Markdown. Pull into Cursor/Claude to iterate on feedback. |
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. |
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.). |
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. |
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. |
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. |
Schemas: list_tools.
{
"name": "io.github.mahmoudilyan/marmo-ui",
"$schema": "https://static.modelcontextprotocol.io/schemas/2025-09-29/server.schema.json",
"remotes": [
{
"url": "https://mcp.marmoui.com/mcp",
"type": "streamable-http"
}
],
"version": "1.1.1",
"repository": {
"url": "https://github.com/mahmoudilyan/marmoui",
"source": "github"
},
"websiteUrl": "https://www.marmoui.com",
"description": "Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop."
}