# marmo-ui

Подключает агента к живым API компонентов Marmo UI, чтобы он собирал дашборды на реальных пропсах, а не выдумывал их.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 19
- Автор: mahmoudilyan
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/mahmoudilyan/marmoui
- Обновлён: 2026-07-25
- HTML: https://affpapa.org/nevibecode/mcp/marmo-ui

## Что делает

Marmo UI — это React 19 дизайн-система под MIT: таблицы, графики, формы, каркасы приложений, светлая и тёмная темы из одного набора токенов. MCP-сервер отдаёт агенту актуальные описания компонентов, правила композиции и проверку сгенерированного кода через `review_generated_code`. Неверные импорты и несуществующие пропсы отлавливаются до того, как вы откроете файл.

Сервер хостится на `https://mcp.marmoui.com/mcp`, ставить локально нечего. Компонентная библиотека живёт отдельно: `npm i @marmoui/ui`, а `react` и `react-dom` версии 19 идут как peer-зависимости. Для Claude есть плагин из маркетплейса `mahmoudilyan/marmoui` — он кладёт внутрь MCP, скилл `marmo-ui` и команды `/marmo-ui:init`, `/marmo-ui:design-md`, `/marmo-ui:build`.

Бесплатный уровень даёт корректную генерацию в стиле Marmo. Свой бренд — цвета, шрифты, токены, переопределения компонентов — это Pro за $9.99 в месяц с 14-дневным пробным периодом: нужен `DESIGN.md` и персональный токен MCP. Генерация идёт в вашем агенте на ваших токенах LLM, код остаётся в вашем репозитории.

## Требования
- Удалённый сервер: `https://mcp.marmoui.com/mcp`

## Установка

### Claude Code (родная платформа)

**Командой платформы: удалённый сервер**
```bash
claude mcp add --transport http marmo-ui https://mcp.marmoui.com/mcp
```

### Codex

**Командой платформы: удалённый сервер**
```bash
codex mcp add marmo-ui --url https://mcp.marmoui.com/mcp
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "marmo-ui": {
            "url": "https://mcp.marmoui.com/mcp"
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "marmo-ui": {
            "type": "http",
            "url": "https://mcp.marmoui.com/mcp"
        }
    }
}
```

### Gemini CLI

**Командой платформы: удалённый сервер**
```bash
gemini mcp add -t http marmo-ui https://mcp.marmoui.com/mcp
```

## Когда брать
- собрать дашборд с таблицами и графиками на готовых компонентах
- поймать выдуманные пропсы и битые импорты до ревью
- подключить агента к актуальному API библиотеки вместо догадок из обучающих данных
- сгенерировать интерфейс в фирменных цветах и токенах
- держать светлую и тёмную темы на одном наборе токенов

## Примеры запросов агенту
- Собери дашборд для биллинга на Marmo UI.
- Прогони сгенерированный код через review_generated_code и почини замечания.
- Собери форму создания пользователя по компонентам из @marmoui/ui

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

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md