Skills 与 MCP Server 使用指南(分类速查 + 使用说明)

整理日期:2026-08-09
用途:快速了解每个 skill / MCP server 是干什么的、怎么装、能做什么;信息主要来自各仓库官方 README 与官方文档,其中 pdf2md、lark、grill-me 以本地已安装版本为准。

0. 推荐速查表

推荐值说明:★★★★★ 强烈推荐(日常刚需或本地已装)|★★★★ 推荐(高频场景)|★★★ 按需(特定场景/人群)|★★ 小众。
以下为通用场景下的个人推荐,可按自己的工作流调整;「本地已装」的条目可直接使用。

名称分类推荐值推荐理由 / 适用场景
Guizang-pptSkill · PPT/办公★★★★文章快速变网页 PPT,演示轻量分发
Ppt-masterSkill · PPT/办公★★★★★正式汇报 PPTX 刚需
huashu-designSkill · PPT/办公★★★★高保真原型 / 视觉提案 / 动画
pdf2mdSkill · PPT/办公★★★★★本地已装,PDF 转 Markdown 首选
larkSkill · PPT/办公★★★★★本地已装,飞书全场景日常刚需
Ui-yx-pro-maxSkill · 前端/UI★★★设计系统重度需求 / 专业前端
ImpeccableSkill · 前端/UI★★★★前端/UI 审美质检
hallmarkSkill · 前端/UI★★★反「AI 模板味」设计
SuperpowersSkill · 编程工作流★★★★★中大型编码任务方法论
mattpocock/skillsSkill · 编程工作流★★★★工程日常工具箱(TDD/诊断/评审)
claude-skillsSkill · 编程工作流★★★★Claude Code 全栈专项技能包
Grill-meSkill · 编程工作流★★★★★本地已装,开工前穷尽式追问
humanizerSkill · 写作去 AI 味★★★★英文长文去 AI 痕迹
humanizer-zhSkill · 写作去 AI 味★★★★★中文写作去 AI 腔刚需
nuwa-skillSkill · 写作去 AI 味★★★内容/自媒体,模仿人物表达
claude-memSkill · 记忆上下文★★★★跨会话记忆,减少重复交代
HyperframesSkill · 视频图像★★★★HTML 转视频 / 动态演示
video-shotcraftSkill · 视频图像★★★★电影感产品 demo
academic-research-skillsSkill · 学术研究★★★★★学术调研-写作-审稿全流程
find-skillsSkill · 技能发现★★★★★找任何 skill 先看它(meta 技能)
mcp-all-in-oneMCP · 基础与聚合★★★★多 MCP 服务集中管理与对话配置
MCP SDKMCP · 基础与聚合★★★★自研 MCP server/client 必装
GitHub MCPMCP · 开发与代码★★★★★仓库/Issue/PR/代码搜索
mcp-server-gitMCP · 开发与代码★★★★★本地 Git 仓库直接操作
Semgrep MCPMCP · 开发与代码★★★★代码静态安全扫描
ShadCN MCPMCP · 开发与代码★★★★React + Tailwind 组件生成
context7MCP · 文档与知识★★★★★最新版本文档,防模型知识过期
Ref MCPMCP · 文档与知识★★★★context7 的替代/互补
Firecrawl MCPMCP · 网页与浏览器★★★★★网页抓取转 Markdown 最强
Fetch MCPMCP · 网页与浏览器★★★★轻量单页抓取
Playwright MCPMCP · 网页与浏览器★★★★★浏览器端到端自动化
Chrome DevTools MCPMCP · 网页与浏览器★★★★前端调试 / 网络分析 / 性能检查
Neon MCPMCP · 数据库与后端★★★★Serverless PostgreSQL 按需建库
Supabase MCPMCP · 数据库与后端★★★★认证+数据库+存储一体化后端
Vercel MCPMCP · 云平台与部署★★★★★前端自动部署 + 预览环境
EdgeOne Pages MCPMCP · 云平台与部署★★★★国内友好的静态站点托管
Cloudflare MCPMCP · 云平台与部署★★★★Workers/KV/R2 边缘资源管理
Stripe MCPMCP · 云平台与部署★★★支付/订阅场景专用
Figma MCPMCP · 设计与媒体★★★★★设计稿读取,设计转代码
Replicate MCPMCP · 设计与媒体★★★★AI 图片生成配图
mcp-windows / AppleMCP · 系统与设备★★★★本机应用/系统自动化
phonemcpMCP · 系统与设备★★★安卓手机控制(特定场景)

1. PPT/办公文档

1.1 Guizang-ppt — 文章变网页 PPT

一句话: 把长文章/素材一键变成可交互的 HTML 横向翻页 PPT,主打「文章变网页演示」。

使用指南:

  1. 安装:npx skills add op7418/guizang-ppt-skill(GitHub: op7418/guizang-ppt-skill)。
  2. 把文章/素材交给 agent,指定风格(Style A / Style B)、主题色、封面比例。
  3. 生成单文件 HTML,浏览器直接打开,或部署到任意静态托管。
  4. 需要配图时,Codex 可调用 GPT-Image 生成图片嵌入页面。

全部功能:

功能说明
Style A 电子杂志风5 套主题色,排版活泼,适合自媒体/科普内容
Style B 瑞士国际主义22 种锁定版式 + 4 组锚点色,克制、专业
演讲者模式备注、排练计时、激光笔、黑屏、双窗口演示
多平台封面21:9 / 1:1 / 3:4 / 16:9,适配不同分发渠道
配图集成 GPT-Image,自动生成配图
输出只出 HTML,不出 PPTX(需要 .pptx 时改用 Ppt-master)

1.2 Ppt-master — 正式汇报级 PPTX

一句话: 从源文档(PDF/DOCX/URL/Markdown)自动生成适合正式汇报的 PPTX,走「多角色协作 → SVG 页面 → 导出」管线。

使用指南:

  1. 仓库:hugohe3/ppt-master(GitHub: hugohe3/ppt-master,awesomeskills.dev 收录)。
  2. 将源文档放入 inputs 目录,交给 agent 执行 ppt-master 流程。
  3. 内部由多个角色协作:结构分析 → 文案提炼 → 设计版式 → 每页生成 SVG → 导出 PPTX。
  4. 输出可直接编辑的标准 PPTX 文件。

全部功能:

功能说明
输入格式PDF / DOCX / URL / Markdown
多角色协作不同 agent 角色分别负责结构、文案、视觉
高质量渲染每页先做 SVG,视觉可控后再落 PPTX
适用场景正式汇报、答辩、结项评审

1.3 huashu-design — 高保真演示与视觉提案

一句话: 集高保真交互原型、演讲幻灯片、时间轴动画于一体的 HTML 原生设计 skill,适合视觉提案和产品演示。

使用指南:

  1. 仓库:alchaincyf/huashu-design(GitHub: alchaincyf/huashu-design)。
  2. 描述产品/主题后,可先让「设计方向顾问」给出设计方向,再生成具体产物。
  3. 交互原型会自动用 Playwright 打开渲染验证,确保 HTML 可用。
  4. 幻灯片可导出 HTML deck + 可编辑 PPTX;动画可导出 MP4/GIF(可配 BGM)。

全部功能:

功能说明
高保真交互原型单文件 HTML,Playwright 自动验证渲染
演讲幻灯片HTML deck + 可编辑 PPTX 双格式
时间轴动画MP4 / GIF 输出,支持 BGM
设计变体一次生成多种视觉方案供选择
设计方向顾问先给设计策略再动手
评审体系20 条设计哲学 + 5 维评审标准

1.4 pdf2md — 本地 PDF 转 Markdown(自建 skill)

一句话: 本地免 OCR 的 PDF 转换利器——先分类(文本/扫描/混合),再提取标题、表格、代码块等内容为干净 Markdown。

使用指南:

  1. 工具基于 Firecrawl 开源项目 firecrawl/pdf-inspector,本地已安装于 C:\Users\LJG\.codex\skills\pdf-inspector
  2. CLI 位于 C:\Users\LJG\.cargo\bin\pdf2md.exe / detect-pdf.exe,不在 PATH,需用完整路径调用)。
  3. 标准流程:先 detect-pdf.exe xxx.pdf --jsonpdf_typetext_based 直接用 pdf2md.exe xxx.pdf --raw 落盘;scanned/image_basedpages_needing_ocr 只对缺文本页走 OCR。
  4. Python 侧:pip 已装 pdf_inspector 0.2.6,process_pdf() 一键完成检测 + 提取 + 转 Markdown。

全部功能:

功能说明
PDF 分类text_based / scanned / image_based / mixed,毫秒级采样,300+ 页无压力
结构识别标题层级、列表、代码块(等宽字体)、表格(矩形+对齐启发式)、粗斜体、URL、多栏阅读顺序
定位文本extract_text_with_positions() 带坐标/字体信息
CLI 选项--raw(纯 Markdown)、--json--compact(省 token)、--pages(分页标记)、--select-pages 1,3,5-10
多语言绑定Rust CLI + Python/Node/WASM
OCR 边界不做 OCR,但明确给出哪些页需要 OCR,避免整本盲转

1.5 lark — 飞书 CLI 全家桶

一句话: 通过 lark-cli 操作飞书 20+ 模块(文档、云盘、表格、Base、IM、任务、日历、邮件、妙记、会议、审批、OKR 等),覆盖办公全场景。

使用指南:

  1. 首次使用 lark-cli config init --new 配置应用;命令输出的授权 URL 必须转二维码(lark-cli auth qrcode)展示给用户。
  2. 授权:lark-cli auth login --domain docs --domain drive 按业务域授权,或用 --scope "<scope>" 最小授权;多次 login 的 scope 会累积。
  3. 检查登录态:lark-cli auth status --json --verify,看 identity / verified / identities.user.scopelark-cli whoami 快速看当前身份。
  4. 身份区别:--as user 访问用户个人资源(日历、云空间等);--as bot 是应用身份,看不到用户资源,权限在开发者后台开通。
  5. 权限报错看 permission_violations(缺哪些 scope)和 console_url(后台配置链接);user 身份用 auth login 补 scope,bot 身份禁止 auth login,直接引导后台开通。

全部功能(本地已装模块):

模块用途
lark-doc云文档/Docx/Wiki 读取、编辑、插图
lark-drive云盘文件、文件夹、导入/导出、权限
lark-sheets电子表格:读写、公式、图表、透视表、条件格式
lark-base多维表格:建表、字段、视图、仪表盘、workflow
lark-im消息、群聊、交互卡片、表情、文件、加急
lark-task待办任务、清单、任务智能体
lark-calendar日历、日程、会议室预定、忙闲查询
lark-mail邮件草稿/发送/搜索/标签/收信规则
lark-minutes / lark-vc / lark-note妙记、历史会议纪要、逐字稿
lark-vc-agent机器人真实入会/离会、会中事件
lark-approval审批待办/已办/实例、发起审批
lark-contact通讯录解析 open_id、查人
lark-okrOKR 周期、目标、关键结果
lark-event实时事件监听(IM/任务/会议等流式订阅)
lark-whiteboard画板导出/编辑
lark-slides幻灯片创建/编辑
lark-markdownMarkdown 文件查看/创建/编辑/比较
lark-apps妙搭(Spark/Miaoda)应用开发与托管
lark-attendance考勤打卡记录
lark-openapi-explorer探索未封装的飞书原生 OpenAPI
lark-skill-maker把飞书 API 操作封装成自定义 skill

2. 前端/UI 设计

2.1 Ui-yx-pro-max — 设计系统生成器

一句话: 输入需求,基于 161 条行业推理规则检索并组装出完整的设计系统(风格、色板、字体、技术栈、UX 指南)。

使用指南:

  1. 全局安装:npm i -g ui-ux-pro-max-cli(GitHub: nextlevelbuilder/ui-ux-pro-max-skill)。
  2. 初始化:uipro init --ai codex/...,需要 Python3 环境。
  3. 提供产品描述后,skill 用 BM25 从知识库中检索最匹配的组合并生成设计规范。

全部功能:

资产数量/说明
行业推理规则161 条
UI 风格84 种
色板192 套
字体配对74 组
技术栈22 种
UX 指南98 条
检索机制BM25,按需求匹配而非随机组合

2.2 Impeccable — 审美质检

一句话: 用 59 条确定性检测规则 + 23 个命令,在编辑 UI 时自动发现设计反模式。

使用指南:

  1. 安装:npx impeccable install(GitHub: pbakaus/impeccable)。
  2. 安装后会在你编辑 UI 时自动触发设计 hook 检测。
  3. 常用命令:init / craft / critique / audit / polish / distill / live

全部功能:

功能说明
检测规则59 条确定性规则,不靠感觉
命令体系23 个命令覆盖初始化、创作、批评、审计、打磨、蒸馏、实时预览
设计 hook编辑 UI 时自动检测,问题即时暴露
常见反模式Inter 字体滥用、紫蓝渐变、卡片套卡片等「AI 味」设计

2.3 hallmark — 反模板味

一句话: 检测并重做「一眼 AI 感」的模板化页面——保留文案,重建视觉结构。

使用指南:

  1. 安装后先用 hallmark audit 给当前设计打分(只评估不修改)。
  2. 需要重做时用 hallmark redesign,保留原有文案,重新生成设计。
  3. 示例参考:usehallmark.com(GitHub: Nutlope/hallmark)。

全部功能:

功能说明
macrostructure 选择自动确定页面大结构
页面骨架21 种,覆盖常见页面类型
反 slop 闸门约 57/58 条检查规则拦截模板化设计
双模式audit(评分不改)/ redesign(保留文案重建)

3. 编程工作流

3.1 Superpowers — 中大型编码任务方法论

一句话: 把大任务拆成完整开发流水线:头脑风暴 → 计划 → 子代理开发 → TDD → 代码评审 → 收尾分支,技能自动触发。

使用指南:

  1. Codex/Claude CLI 官方插件市场安装:Codex app 侧边栏 Plugins 或 /plugins 搜索 superpowers(GitHub: obra/superpowers)。
  2. 在对话中描述任务,方法论技能按阶段自动触发,无需手动逐条调用。

全部功能(自动触发的阶段链):

阶段作用
brainstorming澄清目标、探索方案
worktrees隔离工作区,避免互相污染
writing-plans把方案写成可执行计划
subagent-driven-development子代理并行实现
TDD测试先行,红-绿-重构
code-review自动评审变更
finishing-branch收尾、合并、总结

3.2 mattpocock/skills — 工程师工具箱

一句话: 一组真实工程技能集,覆盖「追问需求 → 写测试 → 诊断 bug → 落地实现 → 代码评审」的每个环节。

使用指南:

  1. 安装:npx skills@latest add mattpocock/skills
  2. 初始化:运行 /setup-matt-pocock-skills,生成共享领域语言文件(CONTEXT.md)。
  3. 按需使用各技能:/grill-me/tdd/diagnosing-bugs/to-spec/to-tickets/implement/code-review/research

全部功能:

技能用途
/grill-me开工前持续追问,把需求打磨清楚
/tdd测试驱动开发流程
/diagnosing-bugs系统化定位 bug 根因
/to-spec把想法转成规格说明
/to-tickets把任务拆成可跟踪的 ticket
/implement按规格实现
/code-review结构化代码评审
/research技术调研
核心理念对齐优先、共享领域语言、反馈环、架构逐步深化

3.3 claude-skills — 全栈专项技能包

一句话: 66/67 个全栈开发专项技能、跨 12 个类别,按上下文自动激活,不用手动记命令。

使用指南:

  1. 安装:/plugin marketplace add jeffallan/claude-skills,再 /plugin install fullstack-dev-skills@jeffallan(GitHub: jeffallan/claude-skills)。
  2. 描述任务后,技能按上下文自动激活并组合成工作流。

全部功能:

功能说明
技能数量66/67 个,覆盖前端、后端、测试、DevOps、数据等 12 类
激活机制上下文感知,自动选择合适的技能
多技能工作流例:Feature Forge → Architecture Designer → Fullstack Guardian → Test Master
工程管理9 个工作流(需要 Atlassian MCP:Jira/Confluence)

3.4 Grill-me — 开始前确认每一个细节

一句话: 开工前像面试官一样穷尽式追问你的计划或设计,直到设计树的每个分支都有答案。

使用指南:

  1. 本地已安装:C:\Users\LJG\.agents\skills\grill-me,由 /grilling 会话驱动(skill 本身不自动触发,需显式调用)。
  2. 描述你的方案,它会逐点追问:目标、约束、边界条件、失败场景、取舍依据。
  3. 每个追问得到答复后再深入下一层,直到没有未决问题。

全部功能:

功能说明
穷尽式追问不放过任何一个设计分支
压力测试提前暴露计划中的漏洞和未决假设
应用场景写代码前、做架构设计前、写方案前
触发方式显式运行 /grilling,或使用相关触发词

4. 写作去 AI 味

4.1 humanizer — 英文长文去 AI 味

一句话: 识别并改写英文文本中的 33 种 AI 写作痕迹,让长文更像真人写的。

使用指南:

  1. git clone 仓库到 ~/.claude/skills(GitHub: blader/humanizer)。
  2. 支持跨 agent 使用:Claude Code / OpenClaw / npx 环境。
  3. 把英文草稿交给它,它会按痕迹类型逐段改写。

全部功能:

功能说明
痕迹模式33 种(陈词滥调、过度对称结构、空洞强调等)
跨平台Claude Code / OpenClaw / npx
处理对象英文长文(论文、报告、邮件、博客)

4.2 humanizer-zh — 中文文章去 AI 味

一句话: humanizer 的中文版,针对中文写作习惯清除 AI 腔。

使用指南:

  1. 安装:npx skills add https://github.com/op7418/Humanizer-zh.git(GitHub: op7418/Humanizer-zh)。
  2. 输入中文草稿,输出更自然的中文版本。

全部功能:

功能说明
中文特有痕迹长排比堆砌、滥用连接词(首先/其次/最后)、空泛升华、机械小标题等
保留原意只改表达,不改事实与观点
适用场景公众号文章、汇报材料、论文、自媒体文案

4.3 nuwa-skill — 蒸馏学习人物表达习惯

一句话: 分析某个人的文字/访谈,蒸馏出 TA 的心智模型、决策方式和表达 DNA,再用 TA 的风格写作。

使用指南:

  1. git clone 安装(GitHub: alchaincyf/nuwa-skill),支持 Claude Code / Codex / Cursor 等。
  2. 提供目标人物的公开文字/访谈素材,运行蒸馏流程。
  3. 已蒸馏成品示例:14 位人物 + 1 个主题(如 paul-graham-skill)。
  4. 写作时调用对应人物 skill,产出带 TA 语感的文本。

全部功能:

功能说明
心智模型提取目标人物看问题的方式
决策启发式选择与判断的习惯
表达 DNA句式、词汇、语气、节奏
成品复用蒸馏一次,长期复用该人物风格

5. 记忆上下文

5.1 claude-mem — 捕获会话并压缩

一句话: 自动捕获每次会话,AI 压缩成长期记忆,下次会话开头注入相关内容,实现跨会话记忆。

使用指南:

  1. 安装(GitHub: thedotmack/claude-mem),数据默认存 ~/.claude-mem
  2. 第二次会话起自动注入相关记忆,无需手动整理。
  3. mem-search 自然语言搜索历史记忆。

全部功能:

功能说明
会话捕获自动记录,无需手动保存
AI 压缩压缩为结构化记忆,不堆原文
自动注入新会话自动带出相关记忆
mem-search自然语言搜索(平均省约 2250 tokens)
跨平台Claude Code / Codex / Gemini / OpenClaw 等

6. 视频图像

6.1 Hyperframes — HTML 转视频

一句话: 用 HTML + 时间轴 data 属性写视频,GSAP/CSS/Lottie/Three.js 动画直接渲染成视频文件。

使用指南:

  1. 安装:npx skills add heygen-com/hyperframes,再运行 hyperframes init(GitHub: heygen-com/hyperframes)。
  2. 用 HTML 定义轨道与时间轴(data 属性),写动画内容。
  3. 渲染导出视频;支持字幕、TTS 配音、音频响应动画。

全部功能:

功能说明
动画引擎GSAP / CSS / Lottie / Three.js
时间轴data 属性定义轨道/时序,结构化易维护
音视频字幕、TTS、音频驱动的动画
PR 转视频/pr-to-video 把 GitHub PR 变更讲成视频
适用场景产品演示、代码讲解、动态海报

6.2 video-shotcraft — 电影感产品 demo

一句话: Remotion 驱动的产品 demo 制作技能,分镜、动画、音效、节奏卡点一条龙。

使用指南:

  1. 安装:npx skills add Vincentwei1021/video-shotcraft(GitHub: Vincentwei1021/video-shotcraft)。
  2. 提供产品介绍/页面截图,它自动设计分镜并生成 demo 视频。
  3. 动效效果可参考内置 161 个预览 gallery 挑选。

全部功能:

功能说明
分镜设计自动编排镜头顺序
动画电影感转场与运镜
音效设计配合节奏加入音效
真实页面截图用真实产品界面而非示意图
节奏卡点动画与音乐节拍对齐
动效库161 个动效预览 gallery

7. 学术研究

7.1 academic-research-skills — 研究工作流全家桶

一句话: 覆盖「调研 → 写作 → 评审 → 修订 → 定稿」全管线的学术研究技能套件,AI 做苦力、人做判断。

使用指南:

  1. Claude Code(v3.7.0+)安装:/plugin marketplace add Imbad0202/academic-research-skills,再 /plugin install academic-research-skills(GitHub: Imbad0202/academic-research-skills)。
  2. 验证:运行 /ars-plan 描述你的论文,它会用苏格拉底式对话梳理章节结构;或 /ars-lit-review "主题" 单测文献综述。
  3. Codex CLI 用户:用配套发行版 Imbad0202/academic-research-skills-codex(单 skill 打包,ars-* 别名)。
  4. 可选依赖:Pandoc(DOCX)、tectonic + Source Han Serif TC(APA 7.0 PDF);核心技能纯 prompt 驱动,不需要 Python。

全部功能:

模块能力
Deep Research13-agent 研究团队、Socratic 引导模式、PRISMA 系统综述、Semantic Scholar API 引文校验
Academic Paper12-agent 写作、Style Calibration(学习你的文风)、Writing Quality Check、LaTeX 加固、可视化、引用格式转换、防泄漏协议、VLM 图表校验
Academic Paper Reviewer7-agent 多视角同行评审、0-100 质量评分、Journal-Fit Reviewer + 3 动态评审 + Devil’s Advocate、R&R 追溯矩阵、只读约束
Academic Pipeline10 阶段编排、自适应检查点、完整性门禁(7 模式阻断清单)、Material Passport(材料清单)、引用审计(v3.8 ARS_CLAIM_AUDIT=1 逐条核验 claim 是否被来源支持)、分数轨迹追踪
实验衔接Companion Experiment Agent:Stage 1 调研后暂停,跑实验,带 Material Passport 回到 Stage 2 写作
质量元数据数据访问级别(raw/redacted/verified_only)、任务类型标注、基准报告 Schema、可复现锁文件、模型分级(economy/quality-boost)

8. 技能发现与安装

8.1 find-skills — 从开放生态发现并安装技能

一句话: 当用户需要某项能力时,从开放 agent 技能生态(skills.sh)中搜索、评估质量并安装专门的 skill,扩展 agent 能力。

使用指南:

  1. 触发场景:用户问「怎么做 X」「有没有 X 的 skill」「你能不能 X」,或想扩展 agent 能力时自动启用。
  2. 先查排行榜:访问 skills.sh,优先看官方/大厂技能(vercel-labs/agent-skills、anthropics/skills 等,安装量常 10 万+)。
  3. 关键词搜索:npx skills find react performance;可加 --owner <owner> 限定作者。
  4. 质量把关:优先安装量 1000+ 的技能,100 以下谨慎;优先官方来源(vercel-labs / anthropics / microsoft);仓库 stars <100 存疑。
  5. 安装:npx skills add <owner/repo@skill> -g -y-g 装到用户级,-y 跳过确认);统一升级用 npx skills update
  6. 找不到时:如实说明没有现成 skill,直接用自身能力完成,或 npx skills init <name> 自建一个。

全部功能:

功能说明
排行榜浏览skills.sh 按安装量排序,快速找到久经考验的技能
关键词搜索npx skills find <query>,支持 --owner 限定作者
质量验证安装量、来源信誉、GitHub stars 三重把关
安装/更新npx skills add / npx skills update,支持 -g 全局、-y 免确认
自建引导无合适技能时 npx skills init <name> 创建新技能
类别提示Web 开发、测试、DevOps、文档、代码质量、设计、效率等常见查询词引导

9. MCP · 基础与聚合

MCP(Model Context Protocol)是 AI 客户端与外部工具/服务之间的标准协议:客户端注册 server,server 暴露工具给 AI 调用。
通用接入方式:在客户端配置中注册 server(command + args + env),例如 Codex 的 ~/.codex/config.toml、Claude Desktop 的 claude_desktop_config.json、Cursor 的 .cursor/mcp.json
涉及 API key 的服务需先在对应平台申请 token;下文 npx 命令为典型启动方式,具体以各服务官方文档为准。

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@playwright/mcp@latest"]
    }
  }
}

9.1 mcp-all-in-one — MCP 服务聚合器

一句话: 把多个 MCP 服务合并成一个统一入口,并通过对话自我配置,不用手改配置文件。

使用指南:

  1. npm 包:mcp-all-in-one(GitHub: vtxf/mcp-all-in-one)。
  2. 在客户端注册这一个 server 即可统一管理多个子服务。
  3. 通过对话使用内置配置工具(如 mcp-all-in-one-show-mcp-config)查看/添加/修改/删除子服务。
  4. 配置后重启客户端的 MCP 服务,新工具即生效。

全部功能:

功能说明
多服务聚合一个 MCP 端口暴露多个子服务的工具
对话式配置通过 MCP 工具直接改配置,无需手工编辑文件
配置管理查看当前配置、增删改服务、配置错误提示
统一维护多个服务的 key / env 集中管理

9.2 MCP SDK — 官方开发包

一句话: MCP 官方 SDK,用来开发自定义 MCP server/client,并接入 Codex、Claude、Cursor 等客户端。

使用指南:

  1. 官方仓库:modelcontextprotocol/sdk,提供 TypeScript / Python / Java / Kotlin / C# / Ruby 多语言 SDK。
  2. 用 SDK 定义 tool / resource / prompt,启动 server(stdio 或 Streamable HTTP)。
  3. 用 MCP Inspector(npx @modelcontextprotocol/inspector)本地调试。
  4. 注册到客户端的 mcpServers 配置即可使用。

全部功能:

功能说明
多语言 SDKTS/JS、Python、Java、Kotlin、C#、Ruby 官方实现
Server 开发tools / resources / prompts / sampling 全能力
Client 开发连接并调用任意 MCP server
调试工具MCP Inspector 可视化调试
生态接入对接 Codex、Claude Desktop、Cursor 等客户端

10. MCP · 开发与代码

10.1 GitHub MCP — GitHub 仓库操作

一句话: 让 AI 通过 GitHub API 直接管理仓库、Issue、PR、代码搜索等,开发协作一体化。

使用指南:

  1. 本地方式:注册 @modelcontextprotocol/server-github,配 GITHUB_PERSONAL_ACCESS_TOKEN 环境变量。
  2. 免配置方式:GitHub 官方远程 MCP(Remote MCP,需 GitHub 登录授权)。
  3. 授权时建议给最小 scope(repo、read:user 等),用完可撤销。

全部功能:

功能说明
仓库管理创建/查看仓库、文件读写、commit 历史
协作Issue、PR、review、评论、Labels/Assignees
搜索代码、仓库、Issue/PR 搜索
扩展Releases、Actions、Gists、Star/Watch、Teams
安全基于个人 token,权限可控可撤销

10.2 mcp-server-git — Git 仓库交互

一句话: 让 AI 直接操作本地 Git 仓库:status、提交、分支、diff、stash 等。

使用指南:

  1. 官方参考实现:mcp-server-gitmodelcontextprotocol/servers)。
  2. 配置:"git": { "command": "npx", "args": ["-y", "mcp-server-git"] },在仓库目录下运行。
  3. 注意:AI 可执行写操作(commit、checkout 等),建议在受控工作区使用。

全部功能:

功能说明
状态查询status / log / diff / show
写操作add / commit / checkout / branch 管理
历史分析blame、stash、tag
文件读取按 commit 读取文件内容
安全边界权限继承自运行用户,谨慎授权

10.3 Semgrep MCP — 静态安全扫描

一句话: 对代码做静态安全扫描和规则检测,把漏洞与坏味道直接暴露给 AI/IDE。

使用指南:

  1. 来自 Semgrep 官方(Semgrep MCP server,配合 semgrep CLI / Semgrep Cloud Platform 使用)。
  2. 配置 API token 后注册 server,即可让 AI 发起扫描并读取 findings。
  3. 支持项目级扫描、增量扫描(只扫 diff)和自定义规则集。

全部功能:

功能说明
SAST 扫描OWASP 等规则集,检测注入、XSS、SSRF 等
自定义规则团队专属规则(YAML 规则语言)
结果读取findings 结构化返回,AI 可直接修复
增量能力只扫本次变更,聚焦回归风险

10.4 ShadCN MCP — UI 组件生成

一句话: 生成可直接使用的 React + Tailwind UI 组件,把「设计 → shadcn/ui 组件」一步到位。

使用指南:

  1. 在已有 shadcn/ui + Tailwind 项目里接入 ShadCN MCP(社区开源实现,如 ShadcnMCP/ShadcnMCP)。
  2. 给 AI 一句描述或一张设计稿,它生成组件代码并可直接复制使用。

全部功能:

功能说明
组件生成按钮、表单、对话框、导航等 shadcn/ui 组件
Tailwind 样式原子类样式,与设计系统一致
代码可用性生成代码可直接粘贴运行
设计规范遵循 shadcn/ui 的 Radix + Tailwind 约定

11. MCP · 文档与知识

11.1 context7 — 最新库文档

一句话: 为 AI 编码助手按需提供最新、版本对应的库文档和代码示例,解决「模型知识过期」问题。

使用指南:

  1. 安装:npx -y @upstash/context7-mcp(GitHub: upstash/context7),也可用 Docker:docker run -i --rm mcp/context7
  2. AI 自动调用 resolve-library-id 解析包名,再 get-library-docs 取对应版本文档。
  3. 支持 npm、PyPI、Maven、Go、Rust 等主流生态。

全部功能:

功能说明
库解析包名/产品名 → 规范 library ID
版本文档按版本取官方文档与示例
上下文优化状态化会话,避免重复结果、省 token
生态覆盖多语言包管理器

11.2 Ref MCP — 文档查询(context7 同类)

一句话: 与 context7 类似的代码文档检索 MCP,直接把最新 API 文档注入对话,差异在检索模式与功能深度。

使用指南:

  1. 来自 Ref Tools(docs.ref.tools),通过 npx 安装官方包并在客户端注册。
  2. 检索方式与 context7 不同:Ref 更偏直接检索/回答式,context7 是先选库再查文档。
  3. 同样支持状态化会话省 token,避免重复结果。

全部功能:

功能说明
文档检索直接检索库的权威 API 文档
版本感知匹配项目所用版本
状态化会话优化 token 使用
与 context7 对比检索模式与功能深度不同,可按习惯选用

12. MCP · 网页抓取与浏览器

12.1 Firecrawl MCP — 网页抓取与转换

一句话: 把网页抓取、清理并转换为 LLM 友好的 Markdown,附带搜索、爬取与站点地图能力。

使用指南:

  1. 官方 MCP:mendableai/firecrawl-mcp-servernpx -y firecrawl-mcp
  2. 需要 Firecrawl API key(云端)或本地自托管。
  3. 注册后即可让 AI 抓取 URL、爬整站、搜索并返回结构化内容。

全部功能:

功能说明
ScrapeURL → 干净 Markdown(自动反爬、JS 渲染)
Crawl整站爬取并批量转 Markdown
Search搜索网页并返回相关内容
Map站点结构 / URL 地图
扩展PDF、截图、结构化数据抽取、批处理

12.2 Fetch MCP server — 网页内容抓取和转换

一句话: 抓取单个网页并转换为干净 Markdown 供 AI 阅读,轻量简单。

使用指南:

  1. 官方参考实现:modelcontextprotocol/servers 的 fetch。
  2. 启动:uvx mcp-server-fetch(Python)或 npx -y mcp-server-fetch
  3. 给 AI 一个 URL,它抓取后返回 Markdown 内容。

全部功能:

功能说明
抓取转换URL → 可读 Markdown
鲁棒性处理重定向、编码、robots 限制
可配置user-agent、请求头、超时
限制不做 JS 渲染(复杂页面用 Playwright / Firecrawl)

12.3 Playwright MCP — AI 自动操作浏览器

一句话: 让 AI 用 Playwright 驱动真实浏览器:打开页面、点击、填表、截图、跑断言,实现端到端自动化。

使用指南:

  1. 微软官方:microsoft/playwright-mcp
  2. 配置:"playwright": { "command": "npx", "args": ["-y", "@playwright/mcp@latest"] }
  3. 支持 headless/有头模式、持久化用户配置、远程浏览器连接;可让 AI 自动录制操作。

全部功能:

功能说明
页面操作导航、点击、输入、滚动、拖拽
观察无障碍快照、截图、内容提取
网络HAR 录制、请求拦截与 mock
测试写断言、回放操作、多标签页
集成与测试框架 / CI 结合

12.4 Chrome DevTools MCP — 浏览器调试与网络分析

一句话: 通过 Chrome DevTools 协议操控浏览器,进行页面调试、网络分析、性能检查和自动化验证。

使用指南:

  1. npm 包:chrome-devtools-mcpChromeDevTools/chrome-devtools-mcp)。
  2. 注册后自动启动并连接 Chrome(可指定远程调试端口)。
  3. 适合前端调试、性能分析和自动化检查场景。

全部功能:

功能说明
DOM/CSS检查、修改样式与 DOM
Console执行 JS、读取日志
网络Network 面板:请求、响应、瀑布图
性能Performance trace、性能检查
自动化截图、无头模式、可连远程 Chrome

13. MCP · 数据库与后端

13.1 Neon MCP — Serverless PostgreSQL

一句话: 按需创建和管理 Serverless PostgreSQL 数据库,AI 直接建库、执行 SQL、管理分支。

使用指南:

  1. 官方 MCP:Neon(neonlabs/mcp-server-neon),需 Neon API key。
  2. 注册后 AI 可创建项目/分支、执行 SQL、取连接串。
  3. SQL 写操作权限按配置区分,生产环境建议只读。

全部功能:

功能说明
数据库管理创建/删除数据库、角色管理
分支Git 式数据库分支(branch)
SQL 执行查询与写操作(按权限)
连接串自动生成连接信息
免运维Serverless 自动扩缩容

13.2 Supabase MCP — 一体化后端

一句话: 集成认证、数据库、存储和实时能力的一体化后端,AI 直接管理项目、表和业务数据。

使用指南:

  1. 官方 MCP:supabase-community/supabase-mcp,需 Supabase access token + project ref。
  2. 也支持本地 CLI 模式。
  3. 适合快速原型:让 AI 建表、查数据、配 RLS、传文件。

全部功能:

功能说明
PostgresSQL 查询、表结构管理
Auth用户/角色、JWT 策略
Storage文件上传下载、Bucket 管理
Edge Functions部署与管理函数
Realtime订阅/广播配置、RLS 策略

14. MCP · 云平台与部署

14.1 Vercel MCP — 前端自动部署

一句话: 自动部署前端应用并生成预览环境,一条龙完成「构建 → 部署 → 预览」流程。

使用指南:

  1. 官方 MCP:vercel/mcp,需 Vercel token(vercel login 或后台创建)。
  2. 注册后 AI 可列出项目、发起部署、查看状态、管理环境变量。
  3. 每次部署自动产出 Preview URL 供分享验收。

全部功能:

功能说明
部署管理创建部署、查看状态与日志
预览环境自动生成 Preview URL
项目配置环境变量、域名/DNS、Framework 设置
团队成员、权限管理
集成与 GitHub 仓库联动

14.2 EdgeOne Pages MCP — 国内静态托管

一句话: 腾讯云 EdgeOne Pages 的 MCP,提供国内友好的前端静态站点托管与发布(秒级部署 + 边缘加速)。

使用指南:

  1. 官方文档:EdgeOne Pages MCP,启动命令 npx edgeone-pages-mcp-fullstack(国际站保留该参数)。
  2. 需腾讯云账号 + API 密钥(SecretId/SecretKey)。
  3. 也提供开源自托管版:TencentEdgeOne/self-hosted-pages-mcp
  4. 上传 HTML 后秒级生成公共访问链接。

全部功能:

功能说明
静态托管页面/站点上传即发布
秒级部署通过 API 提交内容,即时生成访问链接
边缘加速无服务器边缘计算 + KV 缓存
域名绑定自定义域名、HTTPS
国内友好腾讯云基础设施,国内访问快

14.3 Cloudflare MCP — 边缘计算资源管理

一句话: 管理 Cloudflare 边缘计算资源:Workers、KV、R2、DNS、Pages 等。

使用指南:

  1. 官方:cloudflare/mcp-server-cloudflare
  2. 安装:npm i -g @cloudflare/mcp-server-cloudflare,或 npx 直接运行。
  3. 需要 API token(按资源授予最小权限)。

全部功能:

功能说明
Workers脚本读写、部署、Cron Triggers
KV键值读写与管理
R2对象存储操作
DNS记录管理
其他Pages、Workers AI、队列等边缘资源

14.4 Stripe MCP — 支付与订阅

一句话: 自动化创建和管理支付、订阅及 Webhook,AI 直接操作 Stripe 业务数据。

使用指南:

  1. 官方:stripe/agent-toolkit(含 MCP server),需 Stripe secret key。
  2. 建议先在测试模式(sk_test_*)验证;生产 key 谨慎授权。
  3. 可用只读模式做审计分析,写操作单独放行。

全部功能:

功能说明
支付PaymentIntent / Charge 创建与查询
订阅Product/Price、订阅、发票
客户Customer 管理
Webhook事件查看与端点配置
报表交易、退款、余额查询

15. MCP · 设计与媒体

15.1 Figma MCP — 设计稿读取与修改

一句话: 读取和修改 Figma 设计稿,实现「设计 → 代码」自动化(取样式、导图、定位元素)。

使用指南:

  1. 常用实现:GLips/Figma-Context-MCP(社区流行)或 Figma 官方 MCP。
  2. 需要 Figma personal access token,并在配置里指定 file key。
  3. AI 读取节点树/样式后可直接生成对应前端代码。

全部功能:

功能说明
节点读取页面/画板/组件树、坐标尺寸
样式提取颜色、字体、间距、圆角
图片导出切片/元素导出 PNG
设计转代码标注 → React/Vue/Tailwind 代码
变更感知定位并读取指定设计元素

15.2 Replicate MCP — AI 模型调用(图片生成)

一句话: 调用 Replicate 上的 AI 模型(图片生成、图像编辑、视频等),为内容生成配图。

使用指南:

  1. 官方/社区包:replicate-mcpreplicate/replicate-mcp),需 Replicate API token。
  2. 注册后 AI 可运行模型(如 Flux、SDXL 等)、上传输入、获取输出 URL。
  3. 适合文章配图、头像、风格图等生成任务。

全部功能:

功能说明
模型运行图片生成/编辑/视频模型
输入管理上传文件、传参数
结果获取输出 URL、预测状态轮询
集合管理收藏/管理常用模型
成本可控按调用计费,可设限

16. MCP · 系统与设备

16.1 mcp-windows / Apple MCP tools — 系统应用交互

一句话: 与电脑系统的应用和服务交互:Windows 或 macOS 上的窗口、文件、通知、系统命令等。

使用指南:

  1. Windows:CursorTouch/mcp-windows(C#/.NET),powershell 执行、进程/窗口管理、系统信息等,需本机运行。
  2. macOS:farion1231/mcp-server-apple,系统服务、提醒事项、备忘录、日历、邮件等,首次使用需授权(辅助功能/自动化权限)。
  3. 按平台注册对应 server;给 AI 本机控制能力时注意权限边界。

全部功能:

平台能力
WindowsPowerShell/CMD 执行、进程/服务/窗口管理、文件操作、系统信息、剪贴板、音量/电源
macOS系统信息、提醒事项/备忘录/日历/邮件、iMessage、系统级 AppleScript 自动化

16.2 phonemcp — 安卓手机控制

一句话: 让 Claude/Cursor 等 AI 通过 MCP 直接控制安卓手机:自动答题、点外卖、刷视频等。

使用指南:

  1. GitHub:kengerlwl/phoneMcp,基于 ADB。
  2. 手机开启开发者模式 + USB/WiFi ADB 调试。
  3. 两种模式:Skill 模式(CatPaw / Claude Code,零配置)和标准 MCP server 模式(Claude Desktop / Cursor,先启动服务端再配地址)。
  4. AI 可直接看到屏幕、点击/滑动/输入、打开 App。

全部功能:

功能说明
屏幕可见截图/录屏,AI 能「看」手机
操作点击、滑动、输入、返回
App 控制打开/切换应用
自动化任务答题、点外卖、刷视频等脚本化操作
多客户端Claude Desktop / Cursor / CatPaw / Claude Code
Logo

欢迎加入 MCP 技术社区!与志同道合者携手前行,一同解锁 MCP 技术的无限可能!

更多推荐