INDIVIDUAL MCP TOOL

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.

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 get_design_rules and invoke it with your own arguments.

{}

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.

CONNECT WITH APPROVAL

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.

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…).
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.
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.