filesystem vs mcp-server
并排对比，帮你在这两个 MCP server 之间做选择。
filesystem by modelcontextprotocol | mcp-server by webflow | |
|---|---|---|
| Stars | ★ 85,748 | ★ 131 |
| 30天用量 | — | — |
| 综合分 | 77 | 48 |
| 官方 | ✓ | — |
| 分类 | 本地文件系统开发者工具效率工具 | 电商开发者工具AI / LLM 工具 |
| 实现语言 | TypeScript | TypeScript |
| 最近提交 | 本月 | 1 个月前 |
filesystem · 概述
功能丰富的文件系统操作 MCP 服务器，具有动态目录访问控制功能。
mcp-server · 概述
Webflow MCP 服务器通过模型上下文协议让 AI 代理能够与 Webflow API 交互。
filesystem · 使用场景
- 使 AI 模型能够读取和写入项目文件进行开发
- 允许 Claude 或其他 MCP 客户端浏览和分析代码库
- 为内容生成提供对特定目录的安全沙盒访问
mcp-server · 使用场景
- 分析博客文章并推荐 SEO 优化的内容主题
- 自动在相关内容之间添加内部链接
- 创建带有行动号召按钮的响应式设计元素，如主页英雄区域
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 中安装。
mcp-server · 安装
远程安装（推荐）
- 添加到 Claude Desktop 配置文件 (
claude_desktop_config.json)：
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": ["mcp-remote", "https://mcp.webflow.com/sse"]
}
}
}- 或添加到 Cursor 配置文件 (
.cursor/mcp.json)：
{
"mcpServers": {
"webflow": {
"url": "https://mcp.webflow.com/sse"
}
}
}- 在 Webflow Designer 中打开您的站点，并从应用面板启动 MCP Bridge App
本地安装
- 在您的工作区创建并发布 Webflow MCP Bridge App
- 获取您的 Webflow API 令牌
- 添加到客户端配置并设置环境变量：
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": ["-y", "webflow-mcp-server@latest"],
"env": {
"WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>"
}
}
}
}