playbooks

home / mcp / components build mcp server

Components Build MCP Server

An MCP (Model Context Protocol) server that implements Vercel's components.build specification for grading, generating, and validating UI components.

Installation
Add the following to your MCP client configuration file.

Configuration

View docs
{
  "mcpServers": {
    "getlokiui-components-build-mcp": {
      "command": "components-build-mcp",
      "args": []
    }
  }
}

Available tools

get_specification

Retrieve the full components.build specification or a specific section.

search_specification

Search the specification for terms like accessibility patterns or data-slot conventions.

grade_component

Evaluate provided component code against the specification with a detailed feedback score.

check_compliance

Perform a quick pass/fail check against the grading rules (threshold 80/100).

generate_component

Generate a compliant component from templates that follow the spec.

get_template

Retrieve reference templates such as button, card, and input.

get_quick_reference

Get a cheat sheet for quick reference to rules and patterns.