mcp网络设置
交互式CLI,用于配置MCP(模型上下文协议)服务器,以进行跨平台的web开发 克劳德代码, Codex CLI,以及 Gemini CLI.
快速开始
npx mcp-web-setup它的作用
通过一个交互式设置,在三个AI编码工具上配置一套精心策划的18台MCP服务器。自动处理Claude(JSON)、Codex(TOML)和Gemini(JSON)之间的配置格式差异。
包含的服务器
| 类别 | 服务器 |
|---|---|
| 设计 | figma桌面,figma开发者 |
| 数据库 | mysql |
| 浏览器/测试 | 剧作家、chrome开发工具、浏览器工具 |
| 性能/搜索引擎优化 | 灯塔,页面速度 |
| 可访问性 | a11y |
| CSS/样式 | CSS,顺风CSS |
| Linting | eslint |
| 图像 | 图像优化器 |
| 组件 | 故事书 |
| 实用程序 | 顺序思维 |
| 项目工具 | atlassian、bitbucket、gtm |
CLI选项
npx mcp-web-setup # Interactive setup
npx mcp-web-setup --dry-run # Show configs without writing
npx mcp-web-setup --print # Print configs for copy-paste
npx mcp-web-setup --help # Show help交互流
- 选择人工智能工具(Claude Code、Codex CLI、Gemini CLI)
- 选择服务器类别
- 输入凭据(Figma令牌、MySQL密码等)
- 配置多工作区Bitbucket/Atlassian帐户
- 添加CMS模板(WordPress/Drupal通过Lando)
- 选择输出模式(写入磁盘、打印或干运行)
配置文件
| 工具 | 全局配置 | 项目配置 |
|---|---|---|
| 克劳德代码 | ~/.claude.json | .mcp.json |
| Codex CLI | ~/.codex/config.toml | .codex/config.toml |
| Gemini CLI | ~/.gemini/settings.json | .gemini/settings.json |
合并行为
- 写入前备份现有配置文件(
.backup-) - 仅合并MCP服务器部分-保留所有其他设置
- 保留您已配置的现有服务器
多工作区支持
如果您使用多个Bitbucket/Atlassian帐户(不同的客户端/org),该工具将使用特定于工作区的凭据创建每个目录的项目配置。
CMS模板
对于使用Lando的WordPress或Drupal项目,该工具会生成一个项目级MySQL MCP配置,其中预先填充了Lando的默认数据库凭据。
许可证
麻省理工学院
