# marmo-ui

Wires your agent to live Marmo UI component APIs so it builds dashboards from real props instead of guessing them.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 19
- Author: mahmoudilyan
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/mahmoudilyan/marmoui
- Updated: 2026-07-25
- HTML: https://affpapa.org/en/nevibecode/mcp/marmo-ui

## What it does

Marmo UI is a React 19 design system under MIT: tables, charts, forms, app shells, and both themes driven by one token set. The MCP server hands your agent current component APIs, composition patterns, and a `review_generated_code` check. Bad imports and made-up props get fixed before you open the file.

The server is hosted at `https://mcp.marmoui.com/mcp`, so there is nothing to run locally. The component library is separate: `npm i @marmoui/ui`, with `react` and `react-dom` 19 as peer dependencies. Claude users can take the plugin from the `mahmoudilyan/marmoui` marketplace, which bundles the MCP, the `marmo-ui` skill, and the `/marmo-ui:init`, `/marmo-ui:design-md`, `/marmo-ui:build` commands.

Free tier keeps generation correct in Marmo's default styling. Your own brand — colors, type, tokens, component overrides — sits behind Pro at $9.99/mo with a 14-day trial: that needs a `DESIGN.md` and a personal MCP token. Generation runs inside your agent on your LLM tokens, and the code lands in your repo.

## Requirements
- Remote server: `https://mcp.marmoui.com/mcp`

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http marmo-ui https://mcp.marmoui.com/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add marmo-ui --url https://mcp.marmoui.com/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "marmo-ui": {
            "url": "https://mcp.marmoui.com/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "marmo-ui": {
            "type": "http",
            "url": "https://mcp.marmoui.com/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http marmo-ui https://mcp.marmoui.com/mcp
```

## When to use it
- build a billing dashboard from ready-made components
- catch invented props and broken imports before review
- point the agent at the current library API instead of training-data guesses
- generate screens in your own brand colors and tokens
- keep light and dark themes on a single token set

## Example prompts
- Build a billing dashboard with Marmo UI.
- Run the generated code through review_generated_code and fix what it flags.
- Build a user-creation form from @marmoui/ui components

## Similar
- [Front-End Checklist](https://affpapa.org/en/nevibecode/mcp/front-end-checklist.md) — MCP server · ★ 74559
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51091
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16062
- [mcp-server-chart](https://affpapa.org/en/nevibecode/mcp/mcp-server-chart.md) — MCP server · ★ 4402
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3821
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/en/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP server · ★ 3450

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md