AI代理设计师。 把你已经用的代理——Claude Code、Codex、Cursor、Gemini CLI——指向Marmo，它几分钟内就能构建生产仪表盘和应用：真实组件、真实道具、你自己的风格。没有AI的粗糙。

平台、文档及定价→ marmoui.com

然后直接问你的客服：“用Marmo UI搭建账单仪表盘。”*

它是如何运作的

• @marmoui/ui — 一个开源的 React 19 设计系统（MIT，公共 npm）。表格、图表、表单、应用壳——产品界面所需的一切，来自一个令牌集的亮色与暗色。
• Marmo MCP — 代理连接的托管知识服务器。代理不从训练数据猜测，而是读取实时组件API、组合模式和生成规则，并在报告前验证输出（review_generated_code。错误导入和虚构道具会在你看到之前被发现并修复。
• Claude Code 插件 — /plugin marketplace add mahmoudilyan/marmoui → /plugin install marmo-ui@marmoui-plugins。捆绑了 MCP 以及 marmo-ui 技能和 /marmo-ui:* 命令（init、design-md、build），这些命令强制执行查找→生成→验证工作流程。

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.

Free vs Pro