mcp-design-system-extractor vs everything
Side-by-side comparison to help you pick between these two MCP servers.
mcp-design-system-extractor by freema | everything by modelcontextprotocol | |
|---|---|---|
| Stars | ★ 64 | ★ 85,748 |
| 30d uses | — | — |
| Score | 46 | 77 |
| Official | — | ✓ |
| Categories | Developer ToolsAI / LLM ToolsWeb Scraping | Developer ToolsAI / LLM ToolsOther |
| Language | TypeScript | TypeScript |
| Last commit | 3 mo ago | this month |
mcp-design-system-extractor · Summary
MCP server that extracts HTML, styles and component metadata from Storybook design systems to help with development.
everything · Summary
Official MCP test server exercising all protocol features for client builders.
mcp-design-system-extractor · Use cases
- Help developers extract HTML and styles from Storybook components to recreate them in other frameworks
- Analyze design system components to identify patterns and dependencies for new feature development
- Extract design tokens and theme information to ensure consistent styling across applications
everything · Use cases
- Testing MCP client implementations against all protocol features
- Learning MCP protocol capabilities through a reference server
- Validating client compatibility with different transport methods
mcp-design-system-extractor · Install
Using Claude CLI (Recommended)
claude mcp add design-system npx mcp-design-system-extractor@latest \
--env STORYBOOK_URL=http://localhost:6006Using npm
npm install -g mcp-design-system-extractorConfiguration
Add to Claude Desktop config.json:
{
"mcpServers": {
"design-system": {
"command": "node",
"args": ["/path/to/dist/index.js"],
"env": {
"STORYBOOK_URL": "http://localhost:6006"
}
}
}
}everything · Install
NPX (recommended)
{
"mcpServers": {
"everything": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-everything"]
}
}
}On Windows, use cmd /c:
{
"mcpServers": {
"everything": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@modelcontextprotocol/server-everything"]
}
}
}Docker
{
"mcpServers": {
"everything": {
"command": "docker",
"args": ["run", "-i", "--rm", "mcp/everything"]
}
}
}Global install
npm install -g @modelcontextprotocol/server-everything@latest
npx @modelcontextprotocol/server-everything