工具集
全部 Skill、MCP、CLI 与 Plugin。可以按类型、职业、标签筛选,也可以直接搜索。
职业:前端开发 +2
共 100 项

Context7
MCP把各类库与框架的最新版本文档和代码示例注入 agent 上下文,减少使用过时或臆造的 API。Upstash 出品,匿名可用,免费申请 API Key 可提高限额。
upstash/context763.1k
Playwright MCP
MCP让 agent 通过无障碍树操作真实浏览器:导航、点击、填表、截图,不依赖视觉模型。微软官方维护。
microsoft/playwright-mcp38.2k
GitHub MCP Server
MCPGitHub 官方 MCP 服务器:让 agent 读写仓库与代码,管理 Issue 和 PR,查看 Actions 工作流与代码扫描告警。可接托管远程服务或用 Docker 本地运行,需个人访问令牌或 OAuth 授权。
github/github-mcp-server33.7k
Figma MCP Server
MCPFigma 官方远程 MCP:把设计稿的组件、变量与布局交给 agent 生成代码,还能直接在画布上创建和修改设计。需 Figma 账号授权;Starter 免费计划及 View、Collab 席位每月仅 6 次读取调用。
figma/mcp-server-guide2.1k
shadcn MCP Server
MCPshadcn/ui 官方 CLI 内置的 MCP 服务器:让 agent 浏览、搜索任意已配置 registry(含私有组件库)里的组件、区块与模板,并用自然语言把组件安装进项目。项目中需要有 components.json。
shadcn-ui/ui126k
OpenDesign
MCP开源的本地设计工作台(Claude Design 的开源替代),按 DESIGN.md 设计系统生成网页与移动端原型、演示稿、图片和动效视频,可导出 HTML、PDF、PPTX、MP4;通过 MCP 让 Claude Code、Codex 读取和生成设计项目。需先安装 macOS 或 Windows 桌面应用,Linux 需从源码运行。
nexu-io/open-design102k
mcp-server-git
MCPMCP 官方参考实现:让 agent 操作本地 Git 仓库,查看状态与 diff、暂存与提交、创建和切换分支、按时间检索提交日志。Python 编写,用 uvx 即可运行,目前仍处早期开发阶段。
modelcontextprotocol/servers91.3k
Storybook MCP Addon
MCPStorybook 官方插件:在 Storybook 开发服务器上提供 MCP 端点,让 agent 查询组件文档与属性、编写并预览 story、运行组件测试与无障碍检查。使用前需先启动 Storybook,AI 功能仍处于预览阶段。
storybookjs/storybook91.2k
OpenBB MCP Server
MCPOpenBB 官方 MCP 服务器,把 OpenBB Platform 的股票、ETF、宏观经济、加密资产、新闻等数据接口开放给 agent,可按类别只启用需要的工具以节省上下文。需本机安装 uv,部分数据源需自备 API Key;分析结果不构成投资建议。
OpenBB-finance/OpenBB74.3k
CodeGraph
MCP为代码库预建本地知识图谱(符号、调用链、依赖),编码 agent 一次调用即可拿到相关源码和改动影响面,文件变更后自动同步。完全本地运行,支持数十种语言;每个项目需先运行 codegraph init 建立索引。
colbymchenry/codegraph74.3k
Penpot MCP Server
MCP开源设计工具 Penpot 官方 MCP:借助 Penpot 插件 API 让 agent 查询、修改和生成设计稿,支持设计转代码与代码转设计。需先运行 npx -y @penpot/mcp@latest,并在 Penpot 中加载 MCP 插件完成连接。
penpot/penpot61.2k
Chrome DevTools MCP
MCP让 agent 控制并检查真实 Chrome:查看控制台与网络请求、截图、录制性能追踪并给出优化建议。Chrome DevTools 团队官方维护。
ChromeDevTools/chrome-devtools-mcp53.7k
codebase-memory-mcp
MCP用 tree-sitter 把代码库索引成持久化知识图谱,agent 可查询调用链、影响范围、架构与死代码,支持 162 种语言。单个原生可执行文件,全程本地运行,无需 API Key,安装脚本会自动配置已检测到的客户端。
DeusData/codebase-memory-mcp46.7k
@agent-infra/mcp-server-browser
MCP字节跳动开源(UI-TARS-desktop 仓库)的浏览器自动化 MCP 服务:基于 Puppeteer 的可访问性数据操作网页,可选视觉模式,支持本地 stdio 与远程 SSE / Streamable HTTP 两种运行方式。
bytedance/UI-TARS-desktop39.3k
Vibe-Trading
MCP港大 HKUDS 开源的交易研究 agent,MCP 服务有 70 余个工具,覆盖 A 股、港美股与加密货币的行情、财报、回测和投研分析。需本地装 Python,港美股与加密研究免 API Key;结果仅供研究,投资决策需专业人员复核。
HKUDS/Vibe-Trading35.6k
Serena
MCP借助语言服务器(LSP)为编码 agent 提供类 IDE 的符号级代码检索、编辑与重构工具,支持 40 多种语言,并带跨会话记忆;可选付费的 JetBrains 插件作后端(额外支持断点调试)。需先用 uv 安装。
oraios/serena30.3k
Context Mode
MCP在沙箱中执行命令与脚本,把大段工具输出建立全文索引,只把结果送回上下文窗口以节省 token;会话压缩后还能检索找回编辑与任务状态。支持 Claude Code、Codex 等十多种客户端,需 Node.js 22.5+。
mksglu/context-mode30.2k
Task Master
MCP把 PRD 解析成带依赖关系的任务清单,让 Cursor、Claude Code 等编码 agent 逐项拆解、实现并跟踪进度,也可当 CLI 使用。需配置至少一个模型 API Key,或复用 Claude Code / Codex CLI 登录。
eyaltoledano/claude-task-master28.2k
Angular CLI MCP Server
MCPAngular CLI 内置的 MCP 服务器(ng mcp):让 agent 检索 angular.dev 官方文档、获取最佳实践、列出工作区项目、启动开发服务器并运行构建与测试目标,支持只读与离线模式。Angular 团队官方维护。
angular/angular-cli27k
Semgrep MCP
MCPSemgrep 官方 MCP 服务器,已并入 semgrep 主仓库,通过 semgrep mcp 启动:让 agent 对代码做静态安全扫描、用自定义规则查找问题并查看语法树。需先安装 Semgrep CLI;接入 AppSec 平台需 SEMGREP_APP_TOKEN。
semgrep/semgrep17.1k
Maestro MCP
MCP移动端 UI 测试框架 Maestro 的 CLI 内置 MCP(maestro mcp):让 agent 在 iOS / Android 模拟器、Android 真机或 Chromium 浏览器上查看屏幕、点击、滚动、断言,并编写和运行 YAML 端到端测试流程。需安装 Maestro CLI 与 Java 17+,官方维护。
mobile-dev-inc/maestro16.1k
Framelink MCP for Figma
MCP把 Figma 设计稿精简为布局与样式信息交给编码 agent,按稿还原界面比贴截图更准确。需要 Figma 个人访问令牌。
GLips/Figma-Context-MCP16k
IDA Pro MCP
MCP让 agent 在 IDA Pro 中反编译、反汇编、查交叉引用,并重命名变量、修改类型、添加注释,支持 idalib 无界面模式。需要 IDA Pro 8.3 以上(不支持 IDA Free);作者现推荐改用 Hex-Rays 官方 IDA MCP。
mrexodia/ida-pro-mcp13k
HexStrike AI
MCP把 nmap、sqlmap、nuclei 等 150 多种安全工具封装给 agent 调度,覆盖网络侦察、Web 渗透、二进制分析与 CTF。需先克隆仓库、自行安装各安全工具并启动本地服务,仅用于已授权的测试。
0x4m4/hexstrike-ai12.9k