MCP Catalogs
首页

primitiv vs filesystem

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

primitiv
by AI-by-design
filesystem
by modelcontextprotocol
Stars★ 16★ 85,748
30天用量
综合分4277
官方
分类
开发者工具AI / LLM 工具其它
本地文件系统开发者工具效率工具
实现语言TypeScriptTypeScript
最近提交本月本月

primitiv · 概述

Primitiv 通过 MCP 从多个来源创建单一设计合约,确保 UI 代理构建一致。

filesystem · 概述

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

primitiv · 使用场景

  • 确保 AI 生成的 UI 组件与现有设计系统匹配
  • 跨前端项目自动化设计令牌验证
  • 通过 MCP 将 Figma 等设计工具与代码编辑器集成

filesystem · 使用场景

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

primitiv · 安装

通过 npm 或 bun 安装:

npm install @ai-by-design/primitiv
# 或
bun add @ai-by-design/primitiv

初始化:

npx @ai-by-design/primitiv init

这会在项目根目录创建 .mcp.json。对于 Claude Desktop,添加到配置:

{
  "mcpServers": {
    "primitiv": {
      "command": "npx",
      "args": ["@ai-by-design/primitiv", "serve"]
    }
  }
}

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 中安装。

对比内容由 README + GitHub 公开数据自动生成,定期更新。