INDIVIDUAL MCP TOOL

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 and <style> blocks hand-written colors, overridden theme tokens and text faded with opacity.

mlola.comnone authenticationAvailability not checked

LIVE ENDPOINT

https://ui.mlola.com/mcp

No auth detected

Connect to this endpoint to inspect the live schema for check_markup and invoke it with your own arguments.

Indexed input schema

{}

Risk classification

Inferred read-only · medium confidence · heuristic, not a guarantee.

No write-capable action terms were found; this is not proof that invocation has no side effects.

Parent server

mlola.com

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

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

Claude Code

.mcp.json

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

Claude Desktop

Settings → Connectors → Add custom connector

Name: mlola-ui
Remote MCP URL: https://ui.mlola.com/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

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

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

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

Generic MCP

Client-specific MCP configuration

{
  "name": "mlola-ui",
  "transport": "streamable-http",
  "url": "https://ui.mlola.com/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

Related tools

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.
search_components — Find components, blocks, pages and templates by what they do (for example 'date range', 'chat input', 'pricing').
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.
get_tokens — The --ml-* tokens grouped by purpose (planes and ink, color roles, spacing, type, density, shape, depth, motion, layers…).
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.