A side-by-side look at the Shadcn Ui MCP Server and Unofficial MCP Server for USWDS MCP servers: transport, auth, tools, quality signals, and the config to install either one in Claude, Cursor, Windsurf or VS Code.
Verdict: choose Shadcn Ui MCP Server for developer tools work as a local process; choose Unofficial MCP Server for USWDS for developer tools as a local process. You can also run both side by side in one mcpServers block.
MCP_TRANSPORT_MODE, MCP_PORT, MCP_HOST, MCP_CORS_ORIGINS, GITHUB_PERSONAL_ACCESS_TOKEN, UI_LIBRARY.get_component, get_component_demo, list_components.get_component_markup, compose_uswds_page, validate_uswds_markup.Rows where the two servers differ are marked.
| Spec | U Unofficial MCP Server for USWDS | |
|---|---|---|
| Category | Developer Tools | Developer Tools |
| Quality signal | 72/100 · Great | 53/100 · Good |
| Install command | Confirmed | Confirmed |
| Transport | Local subprocess (stdio) | Local subprocess (stdio) |
| Auth | API key required | Not declared |
| Pricing | Free | Not declared |
| Required env vars | MCP_TRANSPORT_MODEMCP_PORTMCP_HOSTMCP_CORS_ORIGINSGITHUB_PERSONAL_ACCESS_TOKENUI_LIBRARY | None listed |
| Verified owner | Community listing | Community listing |
| GitHub stars | 3,041 | 2 |
| Directory activity | 3 views 0 installs 0 upvotes | 0 views 0 installs 0 upvotes |
| Tools | 10 | 10 |
| Full listing | View Shadcn Ui MCP Server | View Unofficial MCP Server for USWDS |
get_componentGet the source code for a specific shadcn/ui v4 componentget_component_demoGet demo code illustrating how a shadcn/ui v4 component should be usedlist_componentsGet all available shadcn/ui v4 componentsget_component_metadataGet metadata for a specific shadcn/ui v4 componentget_directory_structureGet the directory structure of the shadcn-ui v4 repositoryget_blockGet source code for a specific shadcn/ui v4 block (e.g., calendar-01, dashboard-01)list_blocksGet all available shadcn/ui v4 blocks with categorizationapply_themeApply a TweakCN theme preset to the projectlist_themesList available tweakcn themesget_themeGet details of a specific tweakcn themeget_component_markupOfficial HTML** for a component/page template and its variants (`accordion`, `footer` + `slim`, `sign-in`, ...). Understands everyday names (`dropdown` → select).compose_uswds_pageBuild a full page from structured sections: hero, content, alert, summary box, cards, process list, step indicator, accordion, table, form, contact.validate_uswds_markupValidate fragments or full pages: real class names, component structure, forms, ARIA, accessibility basics.find_uswds_classesLook up real classes, including utilities and responsive variants (`margin top 2`, `tablet grid col 6`).generate_uswds_pageQuick start from free-text requirements; returns an editable section spec, bracketed placeholders, and its own validation.recommend_uswds_structureUSWDS-first structure for a service or page.search_uswdsSearch docs, accessibility and usage guidance (with synonym expansion).get_componentStructured guidance, plus the canonical markup for components.get_uswds_integration_recipeFramework setup for Next.js, Vite/React, static HTML, Rails, Drupal.validate_uswds_project_setupCatch wrong CSS import paths, missing scripts, CDN use, copied `dist`, global CSS risk.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": {
"jpisnice-shadcn-ui-mcp-server": {
"command": "npx",
"args": [
"-y",
"@jpisnice/shadcn-ui-mcp-server"
],
"env": {
"MCP_TRANSPORT_MODE": "YOUR_MCP_TRANSPORT_MODE_HERE",
"MCP_PORT": "YOUR_MCP_PORT_HERE",
"MCP_HOST": "YOUR_MCP_HOST_HERE",
"MCP_CORS_ORIGINS": "YOUR_MCP_CORS_ORIGINS_HERE",
"GITHUB_PERSONAL_ACCESS_TOKEN": "YOUR_GITHUB_PERSONAL_ACCESS_TOKEN_HERE",
"UI_LIBRARY": "YOUR_UI_LIBRARY_HERE"
}
}
}
}
{
"mcpServers": {
"unofficial-mcp-server-for-uswds": {
"command": "npx",
"args": [
"-y",
"uswds-mcp"
]
}
}
}