A Model Context Protocol (MCP) server that provides programmatic access to Basecoat CSS components and their usage documentation. This server allows AI assistants to help developers build HTML interfaces using the Basecoat CSS framework.
Config is the same across clients — only the file and path differ.
{
"mcpServers": {
"basecoat-ui": {
"args": [
"-y",
"basecoat-ui-mcp"
],
"command": "npx"
}
}
}Are you the author?
Add this badge to your README to show your security score and help users find safe servers.
While building my hobby project — turning old devices into a Digital Photo Frame — I struggled with UI components. I wanted to use Basecoat CSS, the HTML port of ShadCN UI, but there was no MCP server to easily pull components and docs into AI-assisted coding.
Run this in your terminal to verify the server starts. Then let us know if it worked — your result helps other developers.
npx -y 'basecoat-ui-mcp' 2>&1 | head -1 && echo "✓ Server started successfully"
After testing, let us know if it worked:
Five weighted categories — click any category to see the underlying evidence.
No known CVEs.
Checked basecoat-ui-mcp against OSV.dev.
Be the first to review
Have you used this server?
Share your experience — it helps other developers decide.
Sign in to write a review.
Others in design / developer-tools
Manage Supabase projects — databases, auth, storage, and edge functions
XcodeBuildMCP provides tools for Xcode project management, simulator management, and app utilities.
A Model Context Protocol (MCP) server and CLI that provides tools for agent use when working on iOS and macOS projects.
MCP server for using the GitLab API
MCP Security Weekly
Get CVE alerts and security updates for Basecoat Ui Mcp and similar servers.
Start a conversation
Ask a question, share a tip, or report an issue.
Sign in to join the discussion.
While building my hobby project — turning old devices into a Digital Photo Frame — I struggled with UI components. I wanted to use Basecoat CSS, the HTML port of ShadCN UI, but there was no MCP server to easily pull components and docs into AI-assisted coding.
So I built one.
This is my first MCP server, and it’s here to make working with Basecoat (and ShadCN-style components) effortless for everyone. Feedback and contributions are welcome!
A Model Context Protocol (MCP) server that provides programmatic access to Basecoat CSS components and their usage documentation. This server allows AI assistants to help developers build HTML interfaces using the Basecoat CSS framework.
git clone https://github.com/Sorbh/basecoat-ui-mcp.git
cd basecoat-mcp-server
npm install
You can run this server either by using npx (if the package is published on npm) or by cloning the repository for local development.
This method is the easiest way to get started and doesn't require cloning the repository.
Update your claude_desktop_config.json:
{
"mcpServers": {
"basecoat-ui": {
"command": "npx",
"args": ["-y","basecoat-ui-mcp"]
}
}
}
Configure the server to run:
npx basecoat-ui-mcp
For local development or if you want to modify the server:
Clone and setup:
git clone https://github.com/Sorbh/basecoat-ui-mcp.git
cd basecoat-ui-mcp
npm install
Claude Desktop Configuration:
{
"mcpServers": {
"basecoat-ui": {
"command": "node",
"args": ["/path/to/basecoat-ui-mcp/server.js"],
"cwd": "/path/to/basecoat-ui-mcp"
}
}
}
Replace /path/to/basecoat-ui-mcp with the actual path where you cloned the repository.
Other MCP Clients:
cd /path/to/basecoat-ui-mcp
node server.js
| Tool | Description | Parameters |
|---|---|---|
get_component | Get HTML code for a specific component variant | name: Component name (e.g., "button-primary", "card-basic") |
list_components | List all available components organized by category | None |
get_usage | Get comprehensive usage documentation for a component | component: Base component name (e.g., "button", "card") |
get_setup | Get Basecoat CSS setup code with CDN links | None |
get_theme_script | Get theme switcher script for dark/light mode | None |
search_components | Search for components by name or category | query: Search term (e.g. |