MM

mahmoudilyan/marmoui

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

21 stars 1 forks Качество 59 Тренд 14MIT

AI Agentic Designer — система проектирования React + MCP с открытым исходным кодом, которая позволяет Claude, Codex, Cursor & Gemini создавать производственный интерфейс за считанные минуты. Никакого ИИ.

Обзор

Направьте агента, который вы уже используете — Claude Code, Codex, Cursor, Gemini CLI — в Marmo, и он строит производственные панели инструментов и приложения за считанные минуты: реальные компоненты, реальный реквизит, ваш собственный стиль. Никакого ИИ. Затем просто спросите своего агента: «Постройте рекламную панель с пользовательским интерфейсом Marmo». - система проектирования React 19 с открытым исходным кодом (MIT, public npm). Таблицы, диаграммы, формы, оболочки приложений — все, что нужно пользовательскому интерфейсу продукта, свет + темнота из одного набора токенов. - размещенный сервер знаний, к которому подключается ваш агент. Вместо того, чтобы угадывать из данных обучения, агент считывает API-интерфейсы живых компонентов, шаблоны композиций и правила генерации и проверяет свой выход (review generated code) перед отчетностью. Неправильный импорт и придуманный реквизит поймают и исправят, прежде чем вы их увидите. — — /plugin market add mahmoudilyan/marmoui → /plugin install marmo-ui@marmoui-plugins. Объединяет MCP плюс навык marmo-ui и /marmo-ui: * команды (init, design-md, build), которые обеспечивают выполнение поиска → генерируют → проверяют рабочий процесс.

Обзор (машинный перевод)

** Агентский дизайнер.** Направьте агента, который вы уже используете — Claude Code, Codex, Cursor, Gemini CLI — в Marmo, и он строит производственные панели инструментов и приложения за считанные минуты: реальные компоненты, реальный реквизит, ваш собственный стиль. Никакого ИИ.

Платформа, документы и цены → marmoui.com

Затем просто спросите своего агента: «Постройте биллинговую панель с пользовательским интерфейсом Marmo».

Как это работает

@marmoui/ui — система проектирования React 19 с открытым исходным кодом (MIT, public npm). Таблицы, диаграммы, формы, оболочки приложений — все, что нужно пользовательскому интерфейсу продукта, свет + темнота из одного набора токенов. Marmo MCP — сервер знаний, к которому подключается ваш агент. Вместо того, чтобы угадывать из данных обучения, агент считывает API-интерфейсы живых компонентов, шаблоны композиций и правила генерации и проверяет свой выход ([T1]) перед отчетностью. Неправильный импорт и придуманный реквизит поймают и исправят, прежде чем вы их увидите. ** Плагин Claude Code** — /plugin marketplace add mahmoudilyan/marmoui → /plugin install marmo-ui@marmoui-plugins. Объединяет MCP плюс навык marmo-ui и /marmo-ui:* команды [[T6], design-md, build), которые обеспечивают нахождение → генерируют → проверяют рабочий процесс.

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.

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.”

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 (review_generated_code) 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.

Light Dark

Free vs Pro

Free Pro — $9.99/mo, 14-day free trial
React components (@marmoui/ui, MIT) ✓ ✓
Core MCP — live props, validation, default Marmo styling ✓ ✓
Docs, Figma library ✓ ✓
On-brand generation — your DESIGN.md (colors, type, tokens, component overrides) drives every screen any connected agent generates ✓
Composition patterns library (app shells, dashboards, forms) ✓
Pro blocks, generated straight into your repo ✓
Personal MCP token + hosted, brand-themed design-system page ✓
Открыть полный README на GitHub

Установка

npx marmoui init # connect your agent (free, no account)
Новичок в MCP? Начните с руководства на mcpskill.org →