很多刚接触 Claude Code 的新手第一步就容易栽在「Skills」和「MCP 服务器」的认知混淆上对比项SkillsMCP 服务器本质封装好的提示词 / 标准化工作流真正的工具能力访问文件、浏览器、API作用让 Claude 变成特定领域的「专业人士」让 Claude 能操作真实世界比喻给 Claude 装了个专业大脑给 Claude 装了手脚触发方式自动识别场景自动激活需要配置连接按需调用这两个看似都在拓展 Claude 的边界但底层逻辑是不一样的先一句话概括这两者的区别Skills本质是「封装好的专业提示词 标准化工作流」相当于给 Claude 装上了「行业专家大脑」。它不改变 Claude 的基础能力边界而是让 AI 在特定领域「更懂怎么干」—— 比如写前端界面时它知道行业主流的设计规范、组件复用逻辑不用你反复强调细节MCP 服务器是真正意义上的「工具调用能力」相当于给 Claude 接上了「手脚」。它能让 Claude 突破纯语言交互的限制直接访问本地文件、调用浏览器、对接外部 API、操作第三方工具本质是让 AI「真的能去干」—— 比如自动读取你本地的代码文件、运行测试用例、导出生成的设计图。一句话小结Skills 让 Claude 更聪明MCP 让 Claude 更能干两者搭配使用才能把 Claude Code 的能力拉满。今天这篇文章先把亲测好用的 9 个 Skills 分享出来从安装到使用场景到踩坑经验一次性讲清楚。一、Skills 安装前的准备工作所有社区开源 Skills 均可在官方市场查看有完整的安装量排行榜官方技能市场https://skills.sh/安装 Skills 需要先确保 Claude Code 已正确安装并登录。安装命令的基本格式是npx skills add 作者/仓库skill-name -y -g踩坑提醒直接npx skills add skill-name可能会报错因为 Skills 市场有命名空间机制。建议先用npx skills find 关键词查找正确的仓库地址再安装。二、9 个亲测好用的 Skills1、find-skills 技能发现神器解决痛点新手最常犯的错就是「不知道有啥技能可用」想找处理 PDF、写测试的技能要么翻遍网页找不到要么装到冷门低质的版本纯纯浪费时间。安装踩坑提醒很多教程直接给npx skills add find-skills -y -g的命令但实测大概率会报错 —— 因为缺少指定仓库地址。正确步骤是先查找技能的官方仓库npx skills find find-skills找到正确地址后再执行安装npx skills add vercel-labs/skillsfind-skills -y -g核心能力相当于 Claude 技能市场的「内置搜索引擎」支持关键词精准匹配、热门技能推荐、技能详情功能 / 安装量 / 使用场景一键查询不用再跳转到网页端操作。触发场景只要你提到「有没有处理 PDF 的技能」「推荐几个测试开发的技能」它会自动激活。个人实测感受这是我给所有新手的「必装第一技能」没有之一。装完之后相当于给 Claude 配了个「应用商店」后续找技能、查技能再也不用来回切换页面节省的时间看似不多但长期下来能少走超多弯路。2、skill-creator 创建自定义技能解决痛点通用技能只能覆盖基础场景比如我常需要「批量处理接口文档 自动导出为 Markdown」「按公司规范生成需求文档」这些个性化需求通用技能根本满足不了重复造轮子太耗精力。安装命令npx skills add anthropics/skillsskill-creator -y -g核心能力全程引导式创建自定义技能把你日常重复的工作流比如「需求分析→代码编写→测试用例→文档生成」封装成标准化技能包支持一键发布到社区也能本地留存自用。触发场景说「帮我创建一个自定义技能」「封装一个专属的工作流」「把这个重复操作做成技能」就能自动激活。个人实测感受这是进阶玩家的「效率核武器」。把你日常重复的工作流封装成技能比如需求文档模板、接口规范、代码评审流程都封装成了专属技能。3、frontend-design 前端界面设计神器解决痛点作为开发者往往最怕写界面 —— 自己折腾一天的 Dashboard要么布局混乱要么风格老气而用这个技能5 分钟就能生成可落地的界面颜值和实用性直接拉满。安装命令npx skills add anthropics/skillsfrontend-design -y -g核心能力支持网页、后台 Dashboard、产品落地页的全流程设计能直接生成 React/Vue 组件代码适配暗黑模式、玻璃态、拟物态等现代设计风格甚至能根据你的品牌色调整配色。触发场景说「帮我做个后台数据界面」「设计一个产品落地页」「生成一个玻璃态的按钮组件」就能激活。个人实测感受这个 Skill 让从能写功能但做不出好看界面的困境中解脱出来。但有个坑要注意——它生成的代码有时候会用一些较新的 CSS 特性比如container queries在旧版浏览器上可能不兼容。我现在的做法是让 Claude 生成后再补一句确保兼容 Chrome 90 和 Safari 14。4、canvas-design 可视化绘图工具解决痛点写技术文档、做分享时画架构图、流程图是大多数程序员的「噩梦」—— 开 Figma 要登录用 ProcessOn 要充会员画半天还不规范而这个技能能直接「一句话生成图表」。安装命令npx skills add anthropics/skillscanvas-design -y -g
先搞懂核心：Skills vs MCP 到底有啥区别？
发布时间：2026/6/28 3:33:51
很多刚接触 Claude Code 的新手第一步就容易栽在「Skills」和「MCP 服务器」的认知混淆上对比项SkillsMCP 服务器本质封装好的提示词 / 标准化工作流真正的工具能力访问文件、浏览器、API作用让 Claude 变成特定领域的「专业人士」让 Claude 能操作真实世界比喻给 Claude 装了个专业大脑给 Claude 装了手脚触发方式自动识别场景自动激活需要配置连接按需调用这两个看似都在拓展 Claude 的边界但底层逻辑是不一样的先一句话概括这两者的区别Skills本质是「封装好的专业提示词 标准化工作流」相当于给 Claude 装上了「行业专家大脑」。它不改变 Claude 的基础能力边界而是让 AI 在特定领域「更懂怎么干」—— 比如写前端界面时它知道行业主流的设计规范、组件复用逻辑不用你反复强调细节MCP 服务器是真正意义上的「工具调用能力」相当于给 Claude 接上了「手脚」。它能让 Claude 突破纯语言交互的限制直接访问本地文件、调用浏览器、对接外部 API、操作第三方工具本质是让 AI「真的能去干」—— 比如自动读取你本地的代码文件、运行测试用例、导出生成的设计图。一句话小结Skills 让 Claude 更聪明MCP 让 Claude 更能干两者搭配使用才能把 Claude Code 的能力拉满。今天这篇文章先把亲测好用的 9 个 Skills 分享出来从安装到使用场景到踩坑经验一次性讲清楚。一、Skills 安装前的准备工作所有社区开源 Skills 均可在官方市场查看有完整的安装量排行榜官方技能市场https://skills.sh/安装 Skills 需要先确保 Claude Code 已正确安装并登录。安装命令的基本格式是npx skills add 作者/仓库skill-name -y -g踩坑提醒直接npx skills add skill-name可能会报错因为 Skills 市场有命名空间机制。建议先用npx skills find 关键词查找正确的仓库地址再安装。二、9 个亲测好用的 Skills1、find-skills 技能发现神器解决痛点新手最常犯的错就是「不知道有啥技能可用」想找处理 PDF、写测试的技能要么翻遍网页找不到要么装到冷门低质的版本纯纯浪费时间。安装踩坑提醒很多教程直接给npx skills add find-skills -y -g的命令但实测大概率会报错 —— 因为缺少指定仓库地址。正确步骤是先查找技能的官方仓库npx skills find find-skills找到正确地址后再执行安装npx skills add vercel-labs/skillsfind-skills -y -g核心能力相当于 Claude 技能市场的「内置搜索引擎」支持关键词精准匹配、热门技能推荐、技能详情功能 / 安装量 / 使用场景一键查询不用再跳转到网页端操作。触发场景只要你提到「有没有处理 PDF 的技能」「推荐几个测试开发的技能」它会自动激活。个人实测感受这是我给所有新手的「必装第一技能」没有之一。装完之后相当于给 Claude 配了个「应用商店」后续找技能、查技能再也不用来回切换页面节省的时间看似不多但长期下来能少走超多弯路。2、skill-creator 创建自定义技能解决痛点通用技能只能覆盖基础场景比如我常需要「批量处理接口文档 自动导出为 Markdown」「按公司规范生成需求文档」这些个性化需求通用技能根本满足不了重复造轮子太耗精力。安装命令npx skills add anthropics/skillsskill-creator -y -g核心能力全程引导式创建自定义技能把你日常重复的工作流比如「需求分析→代码编写→测试用例→文档生成」封装成标准化技能包支持一键发布到社区也能本地留存自用。触发场景说「帮我创建一个自定义技能」「封装一个专属的工作流」「把这个重复操作做成技能」就能自动激活。个人实测感受这是进阶玩家的「效率核武器」。把你日常重复的工作流封装成技能比如需求文档模板、接口规范、代码评审流程都封装成了专属技能。3、frontend-design 前端界面设计神器解决痛点作为开发者往往最怕写界面 —— 自己折腾一天的 Dashboard要么布局混乱要么风格老气而用这个技能5 分钟就能生成可落地的界面颜值和实用性直接拉满。安装命令npx skills add anthropics/skillsfrontend-design -y -g核心能力支持网页、后台 Dashboard、产品落地页的全流程设计能直接生成 React/Vue 组件代码适配暗黑模式、玻璃态、拟物态等现代设计风格甚至能根据你的品牌色调整配色。触发场景说「帮我做个后台数据界面」「设计一个产品落地页」「生成一个玻璃态的按钮组件」就能激活。个人实测感受这个 Skill 让从能写功能但做不出好看界面的困境中解脱出来。但有个坑要注意——它生成的代码有时候会用一些较新的 CSS 特性比如container queries在旧版浏览器上可能不兼容。我现在的做法是让 Claude 生成后再补一句确保兼容 Chrome 90 和 Safari 14。4、canvas-design 可视化绘图工具解决痛点写技术文档、做分享时画架构图、流程图是大多数程序员的「噩梦」—— 开 Figma 要登录用 ProcessOn 要充会员画半天还不规范而这个技能能直接「一句话生成图表」。安装命令npx skills add anthropics/skillscanvas-design -y -g
![华为OD机试2025C卷-字符串变换最小次数[100分]（ Java _ Python3 _ C++ _ C语言 _ JsNode _ Go）实现100%通过率](http://pic.xiahunao.cn/yaotu/华为OD机试2025C卷-字符串变换最小次数[100分]（ Java _ Python3 _ C++ _ C语言 _ JsNode _ Go）实现100%通过率)
![华为OD机试2025C卷-内存资源分配[100分]（ Java _ Python3 _ C++ _ C语言 _ JsNode _ Go）实现100%通过率](http://pic.xiahunao.cn/yaotu/华为OD机试2025C卷-内存资源分配[100分]（ Java _ Python3 _ C++ _ C语言 _ JsNode _ Go）实现100%通过率)
