MCP Catalogs
首页

ultimate_mcp_server vs mcp-design-system-extractor

并排对比,帮你在这两个 MCP server 之间做选择。

ultimate_mcp_server
by Dicklesworthstone
mcp-design-system-extractor
by freema
Stars★ 149★ 64
30天用量
综合分8546
官方
分类
AI / LLM 工具浏览器自动化本地文件系统
开发者工具AI / LLM 工具网页抓取
实现语言PythonTypeScript
最近提交2 个月前3 个月前

ultimate_mcp_server · 概述

一个功能全面的 MCP server,为 AI 提供多种能力:LLM 委托、浏览器自动化、文档处理和认知记忆系统。

mcp-design-system-extractor · 概述

MCP 服务器可从 Storybook 设计系统提取 HTML、样式和组件元数据,辅助开发工作。

ultimate_mcp_server · 使用场景

  • 使用 OCR 和结构化数据提取进行复杂的文档处理和分析
  • 跨多个网站进行网页自动化和研究,通过浏览器控制
  • 通过模型间的智能任务分配实现成本优化的 AI 工作流

mcp-design-system-extractor · 使用场景

  • 帮助开发人员从 Storybook 组件中提取 HTML 和样式,以便在其他框架中重新创建它们
  • 分析设计系统组件以识别新功能开发的模式和依赖关系
  • 提取设计令牌和主题信息,确保应用程序间的样式一致性

ultimate_mcp_server · 安装

安装

  1. 克隆仓库:
git clone https://github.com/Dicklesworthstone/ultimate_mcp_server.git
cd ultimate_mcp_server
  1. 安装依赖:
pip install -e .
  1. 对于 Claude Desktop 集成,添加到 claude_desktop_config.json:
{
  "mcpServers": {
    "ultimate-mcp": {
      "command": "python",
      "args": ["-m", "ultimate_mcp_server"],
      "env": {
        "PYTHONPATH": "."
      }
    }
  }
}
  1. 运行服务器:
python -m ultimate_mcp_server

mcp-design-system-extractor · 安装

使用 Claude CLI(推荐)

claude mcp add design-system npx mcp-design-system-extractor@latest \
  --env STORYBOOK_URL=http://localhost:6006

使用 npm

npm install -g mcp-design-system-extractor

配置

添加到 Claude Desktop config.json:

{
  "mcpServers": {
    "design-system": {
      "command": "node",
      "args": ["/path/to/dist/index.js"],
      "env": {
        "STORYBOOK_URL": "http://localhost:6006"
      }
    }
  }
}
对比内容由 README + GitHub 公开数据自动生成,定期更新。