AI integration

Give AI tools current UI Lab APIs and design guidance through the MCP server.

Use the MCP server

UI Lab does not ship a general-purpose CLI or an LLMs.txt file. Connect the ui-lab server instead, so an AI client can query the current component APIs, examples, design tokens, patterns, and sections.

{
  "mcpServers": {
    "ui-lab": {
      "command": "npx",
      "args": ["ui-lab"]
    }
  }
}

See the MCP installation guide for Claude Desktop, Cursor, local installation, and source-development setup.

Generate accurate code

Ask the agent to look up a component before it writes code. The server can return its public API and examples, avoiding invented props or obsolete compound-component names.

Find the UI Lab Card API, then build a sign-up form using Card.Header,
Card.Body, Card.Footer, Input, and Button. Use the current token guidance.

Keep the app setup current

Install ui-lab-components, own the token layer in your application, and import ui-lab-components/styles.css after that token layer. The installation guide explains the required stylesheet order.

Read the installation guide · Explore MCP workflows