MCP server

Mlola UI Official

io.github.mlolahq/mlola-ui

Checked 26 Oct 2026, 08:29 UTC · Connected to it and listed its tools

Mlola UI components, tokens and design rules for coding agents, with a markup checker

Website Source

At a glance

Type

MCP server

Publisher

mlola.com (verified by the MCP Registry)

Status

Working at last check

Tools

9

Token cost

About 1,440 tokens per request

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok

Last checked

26 Oct 2026, 08:29 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

claude mcp add --transport http mlola-ui https://ui.mlola.com/mcp

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.mlola-ui]
url = "https://ui.mlola.com/mcp"

Gemini CLI

{"mcpServers":{"mlola-ui":{"httpUrl":"https://ui.mlola.com/mcp"}}}

Cursor

{"mcpServers":{"mlola-ui":{"url":"https://ui.mlola.com/mcp"}}}

VS Code

{"servers":{"mlola-ui":{"type":"http","url":"https://ui.mlola.com/mcp"}}}

Antigravity

agy mcp add mlola-ui https://ui.mlola.com/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"mlola-ui","server_url":"https://ui.mlola.com/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"mlola-ui","server_url":"https://ui.mlola.com/mcp"}

Tools

• check_markup ~204 tokens
  Checks HTML or JSX: classes that do not exist, variant classes, data-* values a class does not react to, utility classes, misuse of data-theme or data-mode, and in style attributes, <style> blocks and utility classes (bg-[#fafafa]) hand-written colors, spacing written by hand instead of the --ml-spa
• check_render ~251 tokens
  Checks A2UI messages (createSurface, updateComponents, updateDataModel, deleteSurface) against the Mlola Render catalog before they render: components and props that do not exist, values a component does not offer, colors or styles set by hand, fields and controls without a name, a missing root, chi
• get_component ~139 tokens
  Everything 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_rules ~80 tokens
  The 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_command ~148 tokens
  How to set Mlola up: the commands to run in a project to add components, blocks, pages or templates (with the license step for Mlola Pro items), and the stylesheet link and script for a page with no build step. Leave names out for the setup alone.
• get_render_catalog ~142 tokens
  The components an agent may compose at runtime with Mlola Render, as A2UI v0.9 messages: each component's props and allowed values, how surfaces, data binding and actions work, and complete examples. Read once before composing a surface. format "schema" returns the A2UI catalog (JSON Schema) instead
• get_tokens ~109 tokens
  The --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.
• render_ui ~218 tokens
  Shows an interface in the conversation: a form, a status card, a table of results. Pass A2UI messages composed from the Mlola Render catalog (read get_render_catalog first); they are checked, and drawn with Mlola components where the host shows MCP Apps. When the person presses a button, their next
• search_components ~149 tokens
  Find 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.

Browse

• GitHub tools
• GitHub and code hosting

Related MCP servers

• Open Components
  Guidelines for UI components with a perfect UX, DX and AX, whether humans or AI agents write them.
• Lazynext Accessibility Checker
  Scan URLs or HTML for WCAG 2.2 violations. 75-rule manifest, weighted score, shareable reports.
• Eased
  Motion-first React components for shadcn: search, read docs and get install commands.
• NuvUI
  The docs, rules, blocks, charts and design tokens of nuvui, a React UI library, for coding agents.
• Nasaq UI
  Nasaq design system docs for agents: 390 components for React, Vue, Blade and HTML, with Arabic RTL.
• Designesy
  Design quality gate for AI-generated UI: score any URL on 45 deterministic checks, A–F grade.
• Vlak
  Accessible React components, tokens, usage guidance, and install commands for product interfaces.
• Digitaltableteur
  Design system contracts, docs search, and usage validation for @digitaltableteur components.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.github.mlolahq/mlola-ui.svg)](https://aptlynx.net/servers/io.github.mlolahq/mlola-ui)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents