reactbits-mcp-server vs filesystem
并排对比，帮你在这两个 MCP server 之间做选择。
reactbits-mcp-server by ceorkm | filesystem by modelcontextprotocol | |
|---|---|---|
| Stars | ★ 46 | ★ 85,748 |
| 30天用量 | — | — |
| 综合分 | 42 | 77 |
| 官方 | — | ✓ |
| 分类 | 开发者工具AI / LLM 工具效率工具 | 本地文件系统开发者工具效率工具 |
| 实现语言 | TypeScript | TypeScript |
| 最近提交 | 10 个月前 | 本月 |
reactbits-mcp-server · 概述
MCP 服务器为 AI 助手提供对 ReactBits.dev 上的 135+ 个动画 React 组件的访问权限。
filesystem · 概述
功能丰富的文件系统操作 MCP 服务器，具有动态目录访问控制功能。
reactbits-mcp-server · 使用场景
- AI 助手为 Web 开发生成带动画的 React 代码
- 设计师寻找带实时预览的 UI 组件灵感
- 开发者需要复杂动画的快速实现示例
filesystem · 使用场景
- 使 AI 模型能够读取和写入项目文件进行开发
- 允许 Claude 或其他 MCP 客户端浏览和分析代码库
- 为内容生成提供对特定目录的安全沙盒访问
reactbits-mcp-server · 安装
安装
# 全局安装
npm install -g reactbits-dev-mcp-server
# 或使用 npx 直接运行（无需安装）
npx reactbits-dev-mcp-server
# 或作为依赖项安装
npm install reactbits-dev-mcp-server配置 (Claude Desktop)
将以下内容添加到您的 Claude Desktop 配置中：
{
"mcpServers": {
"reactbits": {
"command": "npx",
"args": ["reactbits-dev-mcp-server"],
"env": {
"GITHUB_TOKEN": "your_github_token_here"
}
}
}
}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 中安装。