AI 编程工具本身已经具备代码生成、代码修改和 Agent 执行能力，但真正进入实际开发后，往往还需要搜索、浏览器调试、文档查询、代码检查、规范管理等额外能力。
这些能力可以通过 MCP、IDE 插件和 Skill 等扩展方式接入 AI 编程工作流。下面整理一批比较实用的工具，方便按需选择。
一、 MCP 服务器类
Firecrawl MCP
地址：Firecrawl
介绍：网页内容抓取工具，可以让 AI 搜索、抓取和理解网页内容，适合获取技术文档、博客、竞品网站等外部资料。
Brave Search MCP
介绍：为 AI 提供联网搜索能力，可以搜索网页、新闻、图片等内容，适合需要实时互联网信息的开发任务。
Context7
地址：Context7
介绍：专门为 AI 提供最新的技术文档和代码示例，可以减少 AI 使用过时 API 或错误用法的问题，尤其适合框架和第三方库开发。
Web to MCP
地址：Web to MCP
介绍：可以将网页中的组件和页面信息转换为 AI 可使用的上下文，适合前端开发、网页复刻和 UI 分析。
Chrome DevTools MCP
介绍：将 Chrome DevTools 能力提供给 AI，可以进行浏览器操作、网络请求分析、性能分析、页面调试和自动化测试。
EdgeOne Pages MCP
介绍：将 EdgeOne Pages 部署能力接入 AI，可以辅助完成网站部署、HTTPS 和 CDN 配置等工作。
COS MCP
介绍：腾讯云官方开源的 COS MCP Server，可以让 AI 通过自然语言操作对象存储，并支持文件上传、下载以及部分数据处理能力。
GitHub MCP
介绍：将 GitHub 能力提供给 AI，可以访问和管理代码仓库、Issue、Pull Request 等开发资源，适合把 AI 接入日常 GitHub 工作流。
二、IDE 扩展插件类
Claude Code
地址：Claude Code
介绍：Anthropic 的 AI 编程工具，VS Code 扩展可以直接在编辑器中使用 Claude Code，并查看 AI 修改代码的 Diff，适合重构、修复 Bug 和复杂功能开发。
GitLens
地址：GitLens
介绍：功能丰富的 Git 可视化工具，可以查看代码作者、提交历史、分支和 Pull Request 等信息，并提供 AI 辅助的提交信息和代码变更解释。
Office Viewer
介绍：可以直接在 VS Code 中预览和编辑多种文档，包括 Markdown、Word、Excel、PowerPoint、PDF、SVG 和压缩包等，减少开发过程中频繁切换工具的需要。
ESLint
介绍：JavaScript / TypeScript 项目常用的代码质量检查工具，可以实时发现代码规范问题和潜在错误，也可以配合 AI 生成的代码进行自动检查。
Prettier
介绍：代码格式化工具，可以统一项目中的缩进、引号、换行等代码风格，让 AI 生成的代码保持一致的格式。
Error Lens
地址：Error Lens
介绍：将编译错误、Lint 错误和警告直接显示在代码行旁边，让开发者无需移动鼠标或打开问题面板就能看到错误信息。
Console Ninja
介绍：将 JavaScript / TypeScript 的运行结果和日志直接显示在代码编辑器中，适合前端调试，可以减少浏览器开发者工具和编辑器之间的切换。
三、跨编辑器通用工具
Spec-kit
地址：Spec-kit
介绍：GitHub 推出的规范驱动开发工具，将需求、设计、任务和实现过程结构化，让 AI 按照明确的项目规范完成开发，更适合大型项目和团队协作。
OpenSpec
地址：OpenSpec
介绍：轻量级规范驱动开发框架，通过「变更提案 → 审查 → 实现 → 归档」管理 AI 编程过程，适合在已有项目中持续迭代功能。
Agent Skills
地址：Agent Skills
介绍：一种用于扩展 AI Agent 能力的开放格式，可以把特定领域的知识、操作流程、脚本和资源封装成 Skill，让不同 Agent 在执行特定任务时按需加载和使用。
Superpowers
地址：Superpowers
介绍：面向 AI 编程 Agent 的软件开发技能库，将需求分析、设计、任务拆解、实现、测试和代码审查等工程流程封装起来，让 AI 按更加规范的开发流程完成任务。
AIChat
地址：AIChat
介绍：终端中的 AI 命令行工具，可以直接在 Shell 环境中与多种大模型交互，并结合命令执行、脚本生成和开发环境完成更加灵活的 CLI 工作流。
AI 编程扩展并不是越多越好。MCP 主要负责让 AI 连接外部能力，IDE 插件负责增强开发环境，而 Skill 和规范工具则负责把开发经验、知识和工程流程沉淀下来。
实际使用时，可以根据自己的开发方式选择少量真正有价值的扩展。
例如
前端开发可以重点关注 Chrome DevTools MCP、Context7、ESLint 和 Console Ninja；
后端开发可以重点关注 Context7、GitHub MCP、Spec-kit 或 OpenSpec；
如果已经大量使用 Agent，则可以进一步引入 Agent Skills 和 Superpowers。