io.github.mahmoudilyan/marmo-ui
io.github.mahmoudilyan/marmo-ui · v1.1.1 · MCP 2025-11-25
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
Reachability
reachable
checked 2026-07-14 04:08 UTC
Registry status active
Tools pinned 14
09da753205ed
Tools last changed
unchanged since first capture 2026-07-14
Repo last push 2026-07-13
GitHub stars 28
Provenance
Registry namespace io.github.mahmoudilyan
(GitHub-account verified by the official registry)
Repository
github.com/mahmoudilyan/marmoui
Website
https://www.marmoui.com
Remote endpoints
https://mcp.marmoui.com/mcp (streamable-http)
Observed changes
| When (UTC) | Event | Detail |
|---|---|---|
| 2026-07-14 04:08 | first capture | 14 tools pinned |
Pinned tool definitions (14)
| Tool | Description |
|---|---|
| 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... |
| 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... |
| 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. |
| 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... |
| 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,... |
| 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 }.... |
| 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... |
| 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. |
| 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... |
| 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. |
| deploy_prototype | Register a prototype for sharing and get a share URL. Reviewers can leave inline comments via the Marmo overlay. |
| get_prototype_feedback | Fetch inline comments from a shared prototype as structured data and Markdown. Pull into Cursor/Claude to iterate on feedback. |
Status badge
[](https://toolpin.dev/servers/io.github.mahmoudilyan/marmo-ui)
Maintain this server? Add the badge to your README — it links your users to this live status page.