Mlola UI MCP server
Mlola UI components, tokens and design rules for coding agents, with a markup checker
0 stars1.7k downloads/wk
Reviews
Write oneNobody has reviewed Mlola UI yet.
If you have run it, two minutes of your experience saves the next person an afternoon.
Mlola UI tools (6)
write = sends, deletes, buys or postscheck_markupFreeChecks HTML or JSX: classes that do not exist, variant classes, data-* values a class does not react to, utility classes, hand-written colors, and misuse of data-theme or data-mode. Run it on markup you wrote before finishing.
get_componentFreeEverything needed to use one item: import, every prop with fixed values (variant, tone, size, side…) and its default, the classes it styles and the data-* values each reacts to, dependencies and the install command. Set include_source to read a free component's source.
get_design_rulesFreeThe rules for building UI with Mlola: compose first, color by role, measure with the scales, shared state words, touch and focus. Read once before writing UI.
get_install_commandFreeThe commands to run in the project to set Mlola up and add components, blocks, pages or templates, including the license step for Mlola Pro items.
get_tokensFreeThe --ml-* tokens grouped by purpose (planes and ink, color roles, spacing, type, density, shape, depth, motion, layers…). Filter with a group name or part of a token name.
search_componentsFreeFind components, blocks, pages and templates by what they do (for example 'date range', 'chat input', 'pricing'). Returns name, tier (free or Mlola Pro) and a one-line description.
Public scan report
scanner v0.1.9 · 2026-09-27 · same rubric, same numbers if you re-run it
- Code scan92 source files scanned25/25
- Live reliabilityremote reachable in 2198ms17/20
- Tool poisoning6 tool descriptions checked15/15
- Auth qualityopen endpoint, read-only tools10/15
- Maintenancelast push 0 days ago15/15
- Maintainer identityregistry namespace matches repository owner7/10
What the publisher says
From the Mlola UI repository's README, as published. We do not edit it. Read it on GitHub
Mlola UI
A framework-free design system with a machine-readable contract.
The engine emits plain CSS and DTCG JSON with no runtime dependency, interaction behavior ships as a standard DOM module, and React is one supported consumption path — source-copied components — rather than a requirement. Mlola does not ship a utility framework or outsource its identity to a styling, animation, primitive, or icon runtime.
The contract is generated from the stylesheet and audited, so a model cannot invent a class or attribute that does not exist. contract.json lists every class and the data- / aria- attributes the CSS reacts to, and agents.md is generated from the same source. Both are checked in CI, so the guide can never describe a library that is not there.
Your coding agent knows it too. npx mlola-ui init writes the guide and an AGENTS.md section into the project, and npx mlola-ui mcp is an MCP server that Claude Code, Cursor, Codex and VS Code can ask: which component fits, which token to read, whether the markup it just wrote is right. See Coding agents.
Mlola Theme
A theme is a coherent transformation across eight expression channels:
type · geometry · density · depth · motion · texture · rhythm · iconComponent anatomy, semantics, keyboard behavior, accessible names, and state contracts remain invariant. Accessibility and user preferences always take precedence over expression.
Canonical themes:
- Graphite (graphite, default) — neutral, crisp, quiet, and product-first
- Atelier Umami (atelier) — editorial, warm, tactile, and measured
- Machined Titanium (machined) — compact, angular, exact, and damped
- Aerogel Glass (aerogel) — light, luminous, elastic, and translucent
- Nordic Earth (nordic) — organic, airy, earthy, and gently rounded
Activate a theme with native attributes:
<html data-theme="graphite" data-mode="light">Theme methodology
parameters from the vector and a deliberately sparse set of couplings.
- Theme states the intended character as one normalized vector.
- Anatomy fixes semantics and interaction contracts.
- Synthesis derives tokens, recipes, spring motion curves, and icon
recipes.
- Tuning maps those derived foundations into intent-oriented component
and performance.
- Evaluation enforces accessibility, perceptual distance, browser behavior,
Accessibility is a projection applied at every stage, not a channel the vector can trade away. See the architecture, the theme methodology, and the quality contract.
Layers
Source is four ordered layers, each built from the one below:
Dashboard).
- Components — a single primitive with one job (Button, Card, Tabs).
- Blocks — one section of a page (Hero, Navbar, Pricing tiers).
- Pages — one complete route assembled from blocks (Landing, Pricing,
storefront: catalog → product → cart → checkout → confirmation).
- Templates — a multi-page flow with routes and cross-page state (the
The open-source core is MIT: the engine, tokens, behavior, motion, scene, icons, the free components and the CLI. Mlola Pro adds the AI, code, canvas, editor, workflow and chart components, plus blocks, pages and templates. Pro is a one-time commercial license and is not in this distribution; see ui.mlola.com/pricing.
Every item is source-owned through the CLI. See component anatomy.
Packages
Shortened. The full README is on GitHub.
Nothing above is checked by us. What we check is on the safety report.
Install directly
claude mcp add --transport http mlola-ui https://ui.mlola.com/mcp
Mlola UI: common questions
- Is Mlola UI MCP server safe?
- Yes, by our scan: it is graded A (89/100). Read the Mlola UI safety report
- How do I install Mlola UI?
- It runs remotely at ui.mlola.com. Add it to Claude Code, Claude Desktop or Cursor with the snippets above, or call it through the mcp.market gateway without installing anything.
- Does Mlola UI need an API key?
- Not as far as the registry entry and our scan can tell: no credentials are declared or required.
- Is Mlola UI maintained?
- The last commit was in the last day (2026-09-27). The latest release is v1.1.4.
- Is Mlola UI up?
- 100% of our last 1 checks got an answer. We check remote servers about four times a day.
- What can I use instead of Mlola UI?
- Servers from other publishers that do the same job: melta UI MCP server, Buoy MCP server and Mimic AI MCP server. Compare all Mlola UI alternatives.
Alternatives to Mlola UI
Same job from other publishers: the closest match first, then the best rated.
- melta UIAI-Ready design system MCP: melta UI tokens, component contracts, 99 rules, check_html self-verifynot reviewedEstablishedA
- BuoyDesign tokens and drift checks for coding agents: use the token, not the hardcoded value.not reviewedGrowingA
- Mimic AIBuilds Figma from your design system: real components and tokens, enforced, learning every build.not reviewedGrowingA
- TypeUIDesign systems, UI prompts, and layout variations for AI coding tools.not reviewedEstablishedA
- memiMemi is the read-only design engineering audit and skill layer for coding agents.not reviewedGrowingA