MCP Catalogs
首页

filesystem vs ui-ux-pro-mcp

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

filesystem
by modelcontextprotocol
ui-ux-pro-mcp
by redf0x1
Stars★ 85,748★ 17
30天用量
综合分7742
官方
分类
本地文件系统开发者工具效率工具
开发者工具AI / LLM 工具效率工具
实现语言TypeScriptTypeScript
最近提交本月4 个月前

filesystem · 概述

功能丰富的文件系统操作 MCP 服务器,具有动态目录访问控制功能。

ui-ux-pro-mcp · 概述

AI驱动的UI/UX设计智能MCP服务器,提供1,920+精选设计资源和搜索工具。

filesystem · 使用场景

  • 使 AI 模型能够读取和写入项目文件进行开发
  • 允许 Claude 或其他 MCP 客户端浏览和分析代码库
  • 为内容生成提供对特定目录的安全沙盒访问

ui-ux-pro-mcp · 使用场景

  • 设计师为Web或移动应用程序搜索UI模式和最佳实践
  • 团队创建包含色彩搭配和排版建议的设计系统
  • 开发者寻找iOS和Android的跨平台实现指南

filesystem · 安装

安装

使用 NPX

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/path/to/allowed/directory"
      ]
    }
  }
}

使用 Docker

{
  "mcpServers": {
    "filesystem": {
      "command": "docker",
      "args": [
        "run",
        "-i",
        "--rm",
        "--mount", "type=bind,src=/path/to/allowed/dir,dst=/projects/allowed/dir",
        "mcp/filesystem",
        "/projects"
      ]
    }
  }
}

VS Code 扩展

点击 README 中的安装按钮直接在 VS Code 中安装。

ui-ux-pro-mcp · 安装

安装

**选项 1:使用NPX(推荐)**

npx ui-ux-pro-mcp

**选项 2:全局安装**

npm install -g ui-ux-pro-mcp
ui-ux-pro-mcp

**选项 3:从源码安装**

git clone https://github.com/redf0x1/ui-ux-pro-mcp.git
cd ui-ux-pro-mcp
npm install
npm run build
npm start

**Claude Desktop配置**

{
  "mcpServers": {
    "ui-ux-pro": {
      "command": "npx",
      "args": ["ui-ux-pro-mcp", "--stdio"]
    }
  }
}
对比内容由 README + GitHub 公开数据自动生成,定期更新。