Design

mlola.com

An MCP server for the Mlola design system that lets developers search UI components, fetch component/token details, and validate HTML or JSX markup against design rules.

1 endpoint6 known toolsFirst detected September 28, 2026Last detected September 28, 2026

ENDPOINT 1

https://ui.mlola.com/mcp

No auth detected

MCP server metadata

Name: mlola-ui
Version: 1.1.10

Capabilities

toolsresourcesprompts

Server instructions

Mlola UI is a component system on native CSS classes (ml-*), data-* attributes for state and variant, and --ml-* tokens. There is no Tailwind. Before writing UI: call get_design_rules once, then search_components for what you need and get_component for how to use it. Read tokens with get_tokens. After writing markup, run check_markup and fix what it reports. This server cannot write files: get_install_command gives the commands to run in the project, and Mlola Pro items need a license token (npx mlola-ui login). For a page with no build step (one HTML file), get_design_rules gives the stylesheet link and the script to paste.

Known tools 6

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.

Inferred read-only

search_components

Find components, blocks, pages and templates by what they do (for example 'date range', 'chat input', 'pricing').

Inferred read-only

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.

Potential side effects

get_tokens

The --ml-* tokens grouped by purpose (planes and ink, color roles, spacing, type, density, shape, depth, motion, layers…).

Inferred read-only

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.

Inferred read-only

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.

Inferred read-only

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.

TRUST AND VERIFICATION EVIDENCE

Trust Data Available

BuiltWith Trust API v2 evidence for mlola.com was fetched 2026-10-03T10:41:08.036Z.

Trust status Trusted

mlola.com is assessed as Trusted: Domain has an established technology history spanning over a year.

Indexed

Evidence is source-attributed and does not guarantee that a third-party server is safe. Risk labels are conservative metadata heuristics.