mcp-design-system-extractor vs time
Side-by-side comparison to help you pick between these two MCP servers.
mcp-design-system-extractor by freema | time by modelcontextprotocol | |
|---|---|---|
| Stars | ★ 64 | ★ 85,748 |
| 30d uses | — | — |
| Score | 46 | 77 |
| Official | — | ✓ |
| Categories | Developer ToolsAI / LLM ToolsWeb Scraping | ProductivityDeveloper ToolsCommunication |
| 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.
time · Summary
A comprehensive MCP server providing time and timezone conversion tools with automatic system timezone detection.
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
time · Use cases
- Assisting with international meeting scheduling across time zones
- Providing real-time time information for location-based queries
- Enabling time conversion for travel planning and itineraries
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"
}
}
}
}time · Install
Installation Options
**Using uv (recommended):**
uvx mcp-server-time**Using PIP:**
pip install mcp-server-time
python -m mcp_server_time**Configure for Claude Desktop:**
{
"mcpServers": {
"time": {
"command": "uvx",
"args": ["mcp-server-time"]
}
}
}