MCP server for StyleKit styles, tokens, recipes, lint and repair over stdio or HTTP.
Setup
Choose your client, copy the config, then fill in any required environment variables.
Local
claude mcp add stylekit -- npx -y stylekit-mcp~/.codex/config.toml
[mcp_servers.stylekit]
command = "npx"
args = ["-y", "stylekit-mcp"]
# codex mcp add stylekit -- npx -y stylekit-mcp~/.cursor/mcp.json
{
"mcpServers": {
"stylekit": {
"command": "npx",
"args": [
"-y",
"stylekit-mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"stylekit": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"stylekit-mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"stylekit": {
"command": "npx",
"args": [
"-y",
"stylekit-mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"stylekit": {
"command": "npx",
"args": [
"-y",
"stylekit-mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"stylekit": {
"command": "npx",
"args": [
"-y",
"stylekit-mcp"
]
}
}
}Remote
claude mcp add --transport http stylekit https://www.stylekit.top/mcp~/.codex/config.toml
[mcp_servers.stylekit]
url = "https://www.stylekit.top/mcp"
# codex mcp add stylekit --url https://www.stylekit.top/mcp~/.cursor/mcp.json
{
"mcpServers": {
"stylekit": {
"url": "https://www.stylekit.top/mcp"
}
}
}.vscode/mcp.json
{
"servers": {
"stylekit": {
"type": "http",
"url": "https://www.stylekit.top/mcp"
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"stylekit": {
"httpUrl": "https://www.stylekit.top/mcp"
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"stylekit": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://www.stylekit.top/mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"stylekit": {
"url": "https://www.stylekit.top/mcp"
}
}
}