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.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add basecoat -- npx -y @basecoat-ui/mcp~/.codex/config.toml
[mcp_servers.basecoat]
command = "npx"
args = ["-y", "@basecoat-ui/mcp"]
# codex mcp add basecoat -- npx -y @basecoat-ui/mcp~/.cursor/mcp.json
{
"mcpServers": {
"basecoat": {
"command": "npx",
"args": [
"-y",
"@basecoat-ui/mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"basecoat": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@basecoat-ui/mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"basecoat": {
"command": "npx",
"args": [
"-y",
"@basecoat-ui/mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"basecoat": {
"command": "npx",
"args": [
"-y",
"@basecoat-ui/mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"basecoat": {
"command": "npx",
"args": [
"-y",
"@basecoat-ui/mcp"
]
}
}
}