AIエージェントデザイナー。 既に使用しているエージェントを指す — クロードコード、コーデックス、カーソル、ジェミニ CLI — マルモで、製造ダッシュボードやアプリを数分で構築します。実際のコンポーネント、実際のプロップ、独自のスタイル。 AIのスロップはありません。

プラットフォーム、ドキュメント、価格設定 → marmoui.com

それからちょうどあなたの代理店に尋ねて下さい:「マーモUIの請求ダッシュボードを造って下さい」

使い方

• [@marmoui/ui — オープンソース React 19 設計システム (MIT, public npm) 。 表、チャート、フォーム、アプリシェル — すべての製品 UI ニーズ、ライト + 1 つのトークンセットからダーク。
• マーモMCP — エージェントが接続するホストされているナレッジサーバ。 トレーニングデータから推測する代わりに、エージェントはライブコンポーネントAPI、コンポジションパターン、および生成ルールを読み込み、レポートの実行前に出力(review_generated_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