MCP.so
Sign In

Marmoui

@mahmoudilyan

RepositoryHomepage

About Marmoui

Design-system knowledge for AI agents: live React component APIs, patterns, and generated-code validation. Agents build real dashboards, not slop. Free.

#developer-tools#design#code-generation#react#design-system

Config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "marmo-ui": {
      "type": "http",
      "url": "https://mcp.marmoui.com/mcp"
    }
  }
}

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is Marmo UI?

Marmo UI is a design system and hosted MCP server that lets CLI-based AI agents (Claude Code, Codex, Cursor, Gemini CLI) build production React dashboards and apps in minutes. It provides real components, live props, validation, and optional brand customization — all without AI slop.

How to use Marmo UI?

Connect your agent with npx marmoui init (free, no account), install npm i @marmoui/ui, then ask your agent to build with Marmo UI. For Claude Code, install the plugin via /plugin marketplace add mahmoudilyan/marmoui and use /marmo-ui:* commands. The component library also works standalone — import @marmoui/ui/style.css and use any component.

Key features of Marmo UI

  • Open-source React 19 design system (MIT) with tables, charts, forms, and app shells
  • Hosted MCP server providing live component APIs, composition patterns, and generation rules
  • Automated validation (review_generated_code) that catches wrong imports and invented props
  • Claude Code plugin with /marmo-ui:init, design-md, and build commands
  • Free tier makes agents correct; Pro tier adds on-brand generation via DESIGN.md
  • Works as a regular component library without any AI agent

Use cases of Marmo UI

  • Build a billing dashboard or admin panel by simply asking your agent
  • Generate brand-consistent UIs across multiple agents using a shared DESIGN.md (Pro)
  • Quickly prototype and ship production‑ready React apps without manual component selection
  • Use @marmoui/ui directly in any React 19 project, agent or not
  • Integrate with Claude Code, Codex, Cursor, or Gemini CLI for code generation

FAQ from Marmo UI

What is the difference between Free and Pro?

Free includes the core component library, live MCP props/validation, and default Marmo styling. Pro ($9.99/mo, 14-day trial) adds on-brand generation via your DESIGN.md, a composition patterns library, pro blocks, and a personal hosted design-system page.

What are the peer dependencies for @marmoui/ui?

React 19 and react-dom are required as peer dependencies.

Where does the generated code live, and who owns it?

Generation always happens in your agent with your LLM tokens; the code lands directly in your repo and you own it fully.

Can I use @marmoui/ui without an AI agent?

Yes — it works as a regular React component library. Import @marmoui/ui/style.css once, then use any exported component.

What is the license for the component library?

@marmoui/ui is released under the MIT license and is free forever; components that ship free never move behind the paywall.

Frequently asked questions

What is the difference between Free and Pro?

Free includes the core component library, live MCP props/validation, and default Marmo styling. Pro ($9.99/mo, 14-day trial) adds on-brand generation via your `DESIGN.md`, a composition patterns library, pro blocks, and a personal hosted design-system page.

What are the peer dependencies for `@marmoui/ui`?

React 19 and `react-dom` are required as peer dependencies.

Where does the generated code live, and who owns it?

Generation always happens in your agent with your LLM tokens; the code lands directly in your repo and you own it fully.

Can I use `@marmoui/ui` without an AI agent?

Yes — it works as a regular React component library. Import `@marmoui/ui/style.css` once, then use any exported component.

What is the license for the component library?

`@marmoui/ui` is released under the MIT license and is free forever; components that ship free never move behind the paywall.

Comments

Basic information

License

MIT

Transports

stdio

Author

mahmoudilyan

Submitted by

Mahmoud Ilyan

More MCP servers

Sugra API MCP

Sugra Systems, Inc.

Official MCP server for the Sugra API, giving AI agents source-attributed access to 1,500+ endpoints across 36 data domains from 160+ primary sources. Covers markets, economics, company fundamentals, government, news, cl

1

ctxfile

ctxfile

Local-first MCP server that snapshots your project's working state into one context object. Open-core, privacy-first.

2

Groundwork

Rarefied-Earth

Groundwork: company memory for your AI tools. Docs public. Source closed. Public proof needs no account.

1

AptiBuild AI — Career Intelligence

ParklandBuilds

AptiBuild AI MCP Server — career, labor market, and business idea intelligence for AI agents. 11 tools covering real-time FRED labor market signals, BLS wage data (126 occupations), AI-generated app ideas, career paths,

TranscriptFetch MCP Server

TranscriptFetch

Model Context Protocol (MCP) server for TranscriptFetch: fetch YouTube transcripts, search, channels, and playlists from any MCP client.