basecoat-ui-mcp

Overview

The Basecoat UI MCP server offers programmatic access to 30+ Basecoat CSS components, including buttons, inputs, cards, dialogs, and navigation elements. It enables AI assistants to retrieve component HTML code, usage documentation, setup scripts, and theme switching code. The server supports search and discovery functionality, with components organized by categories like forms, navigation, feedback, interactive elements, and layouts. All components include accessibility features with ARIA attributes and semantic HTML.

Try asking AI

After installing, here are 3 things you can ask your AI assistant:

• get_componentname: string

  Get HTML code for a specific component variant

  Try:Get HTML for a button-primary componentTry:Show me the card-basic code
• list_components

  List all available components organized by category

  Try:List all componentsTry:What components do you have available?
• get_usagecomponent: string

  Get comprehensive usage documentation for a component

  Try:Show me how to use the button componentTry:Get documentation for tabs
• get_setup

  Get Basecoat CSS setup code with CDN links

  Try:How do I set up Basecoat CSS?Try:Get the setup code
• get_theme_script

  Get theme switcher script for dark/light mode

  Try:How do I add dark mode?Try:Get the theme switching script
• search_componentsquery: string

  Search for components by name or category

  Try:Search for form componentsTry:Find all navigation components
• get_categorycategory: string

  Get all components in a specific category

  Try:Show all form componentsTry:List the layout components

Comparable tools

Installation

git clone https://github.com/Sorbh/basecoat-ui-mcp.git
cd basecoat-ui-mcp

npm install

{
  "mcpServers": {
    "basecoat-ui": {
      "command": "npx",
      "args": ["-y", "basecoat-ui-mcp"]
    }
  }
}

{
  "mcpServers": {
    "basecoat-ui": {
      "command": "node",
      "args": ["/path/to/basecoat-ui-mcp/server.js"],
      "cwd": "/path/to/basecoat-ui-mcp"
    }
  }
}

Compare basecoat-ui-mcp with