LABSCO SUMMARY

The reasons travel with the candidates, so the choice leaves a record of what it was chosen against.

purpose_include, purpose_exclude and style_preference are part of the same call as the three markups, which is the part of a design decision that normally evaporates once the chat scrolls. The tool stops at selection: it compares and returns a choice, and nothing here writes the winning component into your codebase.

What it is

A single-tool comparison surface for UI components: three candidate markups go in with their names, and the tool adapts the layout it shows them in.

What you get

A comparison of 3 UI component designs, passed as design_html_1, design_html_2 and design_html_3 with a name for each.
A viewing mode chosen from the component's complexity, or forced through view_mode.
Framework context on the call — the tool names Tailwind, Bootstrap and Bulma among the CSS frameworks it supports — so candidates are judged as the project would render them.
The intent captured alongside the markup: purpose_include, purpose_exclude, purpose_notes, style_preference and component_type.
Design generation from a natural-language prompt through the MiniMax-M2.1 API, and reference lookup through auto_search_reference.

Requirements

Nothing to supply for comparing your own markups — no account, no key. Generating designs from a prompt needs a MiniMax API key in MINIMAX_API_KEY, and uses that account's credits. The markup for the candidate designs, unless you are having them generated from a prompt.

Setup effort

One command — npx -y rakitui-ai

See installation options

USE CASES

01

Choosing between three drafts of the same component

The three markups arrive with names, framework, style preference and what the component is and is not for, and the tool adapts the layout it shows them in to the component's complexity.

mcp_rakit-ui-ai_designselection

1 tool

Counted once with only startup setup. Other versions, modes or optional credentials may expose a different list.

`mcp_rakit-ui-ai_designselection`

Compare and select between 3 UI component designs with intelligent layout adaptation. Supports all CSS frameworks (Tailwind, Bootstrap, Bulma, etc.) and automatically chooses the best viewing mode based on component complexity. Perfect for design systems, component libraries, and UI pattern selection. NEW: Can generate designs from natural language prompts using MiniMax-M2.1 API - just provide a prompt and the tool will create 3 distinct designs for you to choose from.

BEFORE YOU INSTALL

What to know first

Tools you get

1 tool when we connected.

Requires

npx on PATH
MINIMAX_API_KEY (optional, for AI design generation)

CONTEXT COST

Light Standing cost

Rated by the size of the one tool definition that rides along on every turn

INSTALLATION

Connect your client

Add the block to your client, or run the command directly.

Server setup

Configuration file

JSON

{
  "mcpServers": {
    "rakitui-ai": {
      "command": "npx",
      "args": [
        "-y",
        "rakitui-ai"
      ],
      "env": {
        "MINIMAX_API_KEY": "<YOUR_MINIMAX_API_KEY>"
      }
    }
  }
}

npx

TERMINAL

npx -y rakitui-ai

Rakit UI AI