** AI Agentic 디자이너.** 에이전트는 이미 사용 - Claude Code, Codex, Cursor, Gemini CLI - Marmo에서 생산 대시보드 및 앱을 몇 분 안에 빌드합니다. 실제 구성 요소, 실제 prop, 당신의 자신의 스타일. AI 슬로프 없음.

플랫폼, 문서 및 가격 → marmoui.com

그런 다음 에이전트를 요청하십시오. * “Marmo UI와 빌링 대시보드 구축.”*

어떻게 작동합니까?

• @marmoui/ui — 오픈소스 React 19 디자인 시스템(MIT, public npm). 테이블, 차트, 양식, 앱 쉘 - 모든 제품 UI 필요, 빛 + 어두운 하나의 토큰 세트.
• **Marmo MCP ** - 에이전트가 연결되는 호스팅 지식 서버. 교육 데이터에서 추측하는 대신 에이전트는 라이브 구성 API, 구성 패턴 및 세대 규칙을 읽고 완료하기 전에 출력 (review_generated_code)을 검증합니다. 잘못된 수입 및 발명품은 잡음을 얻고 그 전에 고정됩니다.
• **Claude 코드 플러그인 ** - /plugin marketplace add mahmoudilyan/marmoui → /plugin install marmo-ui@marmoui-plugins]. MCP plus 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