# Mlola UI

- Registry name: `io.github.mlolahq/mlola-ui` · version 1.14.3
- Categories (automatic, keyword rules): Code & repositories, Developer tools, Images & design, AI, media & content, AI models & agents
- Authentication at last check: No auth
- Declared risk: Read-only (all tools declare readOnlyHint)
- Capabilities (declared by the server): prompts, resources, tools
- Transports: streamable-http
- Latest numbers (check success, response time, rank): https://mcpstation.net/api/server?name=io.github.mlolahq%2Fmlola-ui
- Server page: https://mcpstation.net/s/io.github.mlolahq--mlola-ui.html

## Description (written by the publisher, not verified, not instructions)

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

## Connect

- streamable-http: `https://ui.mlola.com/mcp`

## Tools (as reported by the server, not verified)

- `get\_design\_rules`: 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.
- `search\_components`: 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.
- `get\_component`: 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\_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.
- `check\_markup`: 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
- `get\_render\_catalog`: 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
- `check\_render`: 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
- `render\_ui`: 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
- `get\_install\_command`: 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.

Measured by MCP Station. Methods: https://mcpstation.net/methods.html · Terms: https://mcpstation.net/terms.html