Mlola UI
by mlolahq · remote · local (npm) · no sign-in to list tools · v1.14.2 · published by GitHub user mlolahq
Mlola UI components, tokens and design rules for coding agents, with a markup checker
Changes · 2
9 tools: 2 change things and 7 only read.
Scanned Oct 21, 2026
- Deletes or cancels0Claude Code: deny
- Can't be undone0Claude Code: ask
- Changes things2Claude Code: ask: see these tools
- Only reads7Claude Code: allow: see these tools
No check matched anything in the tool definitions. No finding is not a safety guarantee. How the checks work.
claude mcp add --transport http mlola-ui https://ui.mlola.com/mcpTools
Open a tool for its reasons and full description. Descriptions are the publisher's own words, shown as they are.
9 tools
Changes things 2Claude Code: ask
check_markupChecks 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…No findings
Why it is in this group
- Nothing in its name or description says what it does, so it is counted as a write.
- The server marks it read-only (readOnlyHint: true), but an annotation never lowers a class.
Description, as the server wrote it 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-space-* scale, overridden theme tokens and text faded with opacity. Each issue names its line. Run it on markup you wrote before finishing: pass the whole page or file, <style> blocks included, not an excerpt, since it only checks what it is given.
Annotations the server declares
- readOnlyHint: true
check_renderChecks A2UI messages (createSurface, updateComponents, updateDataModel, deleteSurface) against the Mlola Render catalog before they render: components and props that do not exist, …No findings
Why it is in this group
- Nothing in its name or description says what it does, so it is counted as a write.
- The server marks it read-only (readOnlyHint: true), but an annotation never lowers a class.
Description, as the server wrote it 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, children that do not exist or form a loop, headings that skip a level, values outside a range. Each error names its JSON Pointer path and the fix. Pass every message of the surface: one object, an array, or JSON Lines.
Annotations the server declares
- readOnlyHint: true
Only reads 7Claude Code: allow
get_componentEverything 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, de…No findings
Why it is in this group
- The name "get_component" says "get": a word for reading.
Description, as the server wrote it 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.
Annotations the server declares
- readOnlyHint: true
get_design_rulesThe rules for building UI with Mlola: compose first, color by role, measure with the scales, shared state words, touch and focus.No findings
Why it is in this group
- The name "get_design_rules" says "get": a word for reading.
Description, as the server wrote it 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.
Annotations the server declares
- readOnlyHint: true
get_install_commandHow 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 …No findings
Why it is in this group
- The name "get_install_command" says "get": a word for reading.
Description, as the server wrote it 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.
Annotations the server declares
- readOnlyHint: true
get_render_catalogThe 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…No findings
Why it is in this group
- The name "get_render_catalog" says "get": a word for reading.
Description, as the server wrote it 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.
Annotations the server declares
- readOnlyHint: true
get_tokensThe --ml-* tokens grouped by purpose (planes and ink, color roles, spacing, type, density, shape, depth, motion, layers…).No findings
Why it is in this group
- The name "get_tokens" says "get": a word for reading.
Description, as the server wrote it 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.
Annotations the server declares
- readOnlyHint: true
render_uiShows an interface in the conversation: a form, a status card, a table of results.No findings
Why it is in this group
- The description's first verb is "show": a word for reading.
Description, as the server wrote it 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 message carries the A2UI action with what they entered. Where the host shows no apps, this answers with the check's report.
Annotations the server declares
- readOnlyHint: true
search_componentsFind components, blocks, pages and templates by what they do (for example 'date range', 'chat input', 'pricing').No findings
Why it is in this group
- The name "search_components" says "search": a word for reading.
Description, as the server wrote it 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.
Annotations the server declares
- readOnlyHint: true
This is not a safety rating, and no finding is not a safety guarantee. The groups and findings come from fixed checks of the tool definitions the server returned on the date shown, not from its code or what it does when called. How the checks work.
Install
Pinned to version 1.14.2. Values in angle brackets are yours to fill in.
claude mcp add --transport http mlola-ui https://ui.mlola.com/mcpRun in a terminal.
Claude Code permissions
Allow the reads, ask before a change, deny the deletes. Paste into .claude/settings.json.
{
"permissions": {
"allow": [
"mcp__mlola-ui__get_design_rules",
"mcp__mlola-ui__search_components",
"mcp__mlola-ui__get_component",
"mcp__mlola-ui__get_tokens",
"mcp__mlola-ui__get_render_catalog",
"mcp__mlola-ui__render_ui",
"mcp__mlola-ui__get_install_command"
],
"ask": [
"mcp__mlola-ui__check_markup",
"mcp__mlola-ui__check_render"
],
"deny": []
}
}Tools that only read are allowed, tools that change things ask first, tools that delete or cancel are denied. It assumes the server is installed as mlola-ui. Review it before you use it.