A side-by-side look at the Mozaic and StyleKit MCP servers: transport, auth, tools, quality signals, and the config to install either one in Claude, Cursor, Windsurf or VS Code.
Verdict: choose Mozaic for architecture & design work as a local process; choose StyleKit for architecture & design as a local process. You can also run both side by side in one mcpServers block.
PORT, AUTH_TOKEN, DATABASE_PATH, MCP_SERVER_PATH, MCP_DEBUG.get_design_tokens, get_component_info, list_components.Rows where the two servers differ are marked.
| Spec | ||
|---|---|---|
| Category | Architecture & Design | Architecture & Design |
| Quality signal | 53/100 · Good | 52/100 · Good |
| Install command | Confirmed | Confirmed |
| Transport | Local subprocess (stdio) | Local subprocess (stdio) |
| Auth | Not declared | Not declared |
| Pricing | Not declared | Not declared |
| Required env vars | PORTAUTH_TOKENDATABASE_PATHMCP_SERVER_PATHMCP_DEBUG | None listed |
| Verified owner | Community listing | Community listing |
| GitHub stars | 4 | 630 |
| Directory activity | 0 views 0 installs 0 upvotes | 2 views 0 installs 0 upvotes |
| Tools | 19 | Not listed |
| Full listing | View Mozaic | View StyleKit |
get_design_tokensQuery tokens by category (colors, typography, spacing, etc.)get_component_infoGet component props, slots, events, and documentationlist_componentsList components by category or frameworkgenerate_vue_componentGenerate Vue 3 SFC code with propsgenerate_react_componentGenerate React/TSX code with TypeScriptgenerate_webcomponentGenerate native Web Component HTML with importsget_webcomponent_infoGet attributes, slots, events, CSS propertieslist_webcomponentsList web components by categorygenerate_freemarkerGenerate Freemarker macro code with configurationget_freemarker_infoGet macro configuration options and usagelist_freemarkerList Freemarker macros by categorysearch_documentationFull-text search across 309 documentation pagesNo tool names declared yet. Check the project README from the listing page.
Paste either block (or both) into your client config, e.g. claude_desktop_config.json or ~/.cursor/mcp.json. We only show a config when the install command is confirmed.
{
"mcpServers": {
"mozaic": {
"command": "npx",
"args": [
"-y",
"mozaic-mcp-server@2"
],
"env": {
"PORT": "YOUR_PORT_HERE",
"AUTH_TOKEN": "YOUR_AUTH_TOKEN_HERE",
"DATABASE_PATH": "YOUR_DATABASE_PATH_HERE",
"MCP_SERVER_PATH": "YOUR_MCP_SERVER_PATH_HERE",
"MCP_DEBUG": "YOUR_MCP_DEBUG_HERE"
}
}
}
}
{
"mcpServers": {
"stylekit": {
"command": "npx",
"args": [
"-y",
"shadcn"
]
}
}
}