【VibeCoding系列教程19】 Agent Skills

📅 2026/6/25 22:56:47
【VibeCoding系列教程19】 Agent Skills
文章目录你的AI是不是像个刚毕业的实习生Agent Skills给AI报个培训班安装技能比装APP还简单效果对比整容前后的差距技能从哪来三个渠道管理工具AI的应用商店资源平台技能界的大众点评开源合集官方出品必属精品细分领域总有一款适合你项目开发从码农到架构师前端开发告别蓝紫渐变数据库让AI也懂SQL浏览器自动化AI的机械臂内容创作AI的创意工作室网站审计AI的体检中心写在最后你的AI是不是像个刚毕业的实习生咱说实话现在用AI编程的朋友是不是都有过这种经历你满怀期待地跟AI说“帮我做个漂亮的网页”AI点点头一顿操作猛如虎最后给你端上来一个——蓝紫渐变。又是蓝紫渐变你看着那个界面仿佛穿越回了2018年那个所有AI模板都长得一模一样的年代。你的AI不是不聪明它是会的不少精的不多。就像一个实习生Excel能打开PPT能新建Word会打字但你让他写个商业计划书他给你交上来一份公司介绍模板.docx。怎么办送他去培训啊Agent Skills给AI报个培训班今天要聊的这套培训班系统叫Agent Skills。你可以把它理解为AI的技能包——不是让AI从零学起而是直接把一套完整的本事打包塞给它。打个比方你请了个厨师他不会做川菜。以前你得手把手教他炒豆瓣酱、调红油、掌握火候教完三顿饭过去了他做的回锅肉还是像番茄炒肉。现在有了Agent Skills你直接扔给他一本《川菜大师速成手册》里面从切配到调味到摆盘全写好了还附赠秘制酱料配方。厨师翻开手册眼睛一亮下一道菜就是正宗水煮鱼。AI也是一样的道理。以前你让它做前端设计它只能凭感觉来感觉对了是运气感觉不对是常态。现在装上frontend-design这个技能包AI瞬间就像在设计大厂干了五年的UI总监配色、间距、排版、动效样样精通。而且最妙的是这套技能包是跨平台的通用标准不绑定任何编辑器。Claude能用Cursor能用以后说不定你家扫地机器人都能用。安装技能比装APP还简单我知道你们最烦的就是安装教程那感觉就像 Ikea 家具的安装说明书——明明每个字都认识组合在一起就不知道在说什么。但Agent Skills的安装简单到令人发指。第一种方式去插件市场批量下载。就像你打开App Store搜修图出来一堆美颜相机挑顺眼的装就行。官方市场里有文档技能包能处理Excel、Word、PPT、PDF有示例技能包覆盖从视觉设计到动图制作各种场景。装完之后输入/skills你的AI就像换了个脑子技能列表拉出来比我的简历还长。第二种方式更懒——单行命令直接安装。skill install anthropic-agent-skills:frontend-design一行代码回车搞定。比你点外卖还快。安装完你甚至可以去本地目录看看这些技能的本质——说白了就是一个SKILL.md文档加上几个配套脚本。就是这么朴素这么直接。没有花里胡哨的加密没有故弄玄虚的架构就是把怎么做好这件事写成说明书AI照着做就行。大道至简返璞归真这很程序员。效果对比整容前后的差距光说不练假把式咱们来看个实战案例。假设你想让AI做一个狼人杀网页游戏精美一点的。没装技能的时候AI做出来的界面怎么说呢……功能都有按钮能点文字能看但总觉得哪里不对劲。就像你相亲遇到一个人学历工作家境都匹配但就是没有心动的感觉。那个界面蓝紫渐变圆角卡片白色背景你说丑吧也不算丑但你说好看吧……满大街都是这个模板跟AI写的代码一样透着一股批量生产的味道。装上frontend-design之后AI会弹窗问你“要不要启用这个技能”你一点确认整个世界都不一样了。界面风格独特配色有辨识度排版有呼吸感按钮有质感。同样是狼人杀以前像山寨手游现在像Steam独立游戏。这差距堪比素颜和精修毛坯房和样板间方便面和米其林。而且AI不是瞎改它是真的理解了设计规范——什么时候该留白什么时候该强调什么时候用深色背景营造氛围什么时候用动画引导注意力。这些本事不是AI自己悟出来的是技能包里写好的。AI就像拿到了一本《设计总监工作笔记》每一页都是实战经验。技能从哪来三个渠道这时候你肯定想问这么好的东西上哪找首先Anthropic官方有个技能仓库里面从数据库优化到API安全从代码审查到PPT排版应有尽有。新手直接从这里开始不会踩雷。指路https://github.com/anthropics/skills其次社区里有很多大神自制的技能。就像GitHub上的开源项目有人做了中文分类技能库有人做了海外技能市场你按需下载就行。最狠的是第三种——你自己做。对Agent Skills是开放标准你可以把你们公司内部的开发规范、设计规范、代码审查清单全部打包成一个技能。以后团队里每个人用AI写代码风格都是统一的不会再出现这个同事用Tab那个同事用空格的宗教战争。想象一下你们公司的AI一开口就是“根据我司第38号编码规范此处应使用驼峰命名法……”老板听了都感动这AI比新员工还懂企业文化。管理工具AI的应用商店技能多了管理也是个问题。就像你手机里装了200个APP找起来比登天还难。这时候就需要管理工具出场了。skills CLI是Vercel出的命令行工具一行命令装技能比npm install还顺手。npx skills add vercel-labs/agent-skills指路https://www.npmjs.com/package/skillsfind-skills更贴心支持关键词搜索你输入前端它给你列出所有前端相关的技能还带热度排名。安装命令npx skills add vercel-labs/skillsskill-creator是Anthropic官方的技能生成器引导你一步一步写出标准的SKILL.md。就像写简历有模板写技能也有模板填空就行。安装命令npx skills add anthropics/skills最黑科技的是Skill Seeker它能自动抓取文档站、GitHub仓库、甚至PDF内容一键打包成标准技能。指路https://github.com/yusufkaraaslan/Skill_Seekers你有个内部框架的文档扔给它五分钟后AI就会用这个框架了。这效率比培训一个新员工快一百倍。还有一个everything-claude-code这是黑客松冠军的配置合集内置了agents、skills、hooks、commands、rules、MCP全套实战配置。指路https://github.com/affaan-m/everything-claude-code一键部署开箱即用适合那些我不想配置我只想写代码的懒人。别笑我们程序员最大的美德就是懒——能自动化的事绝不手动做。资源平台技能界的大众点评找技能跟找餐厅一样最怕踩雷。这时候就需要大众点评了。skills.sh是Vercel官方的技能排行榜展示安装量、热度趋势支持一键安装。热门技能就像网红餐厅排队的人多不一定最好吃但一般不会太难吃。指路https://skills.shskillsmp更硬核自动同步GitHub上所有的Skill项目按分类、更新时间、Star数排序数据实时更新。适合那些我要最新的、最热的、最Star的技术极客。指路https://skillsmp.com/zhMCP Market每天更新Skills热度榜单追踪社区新技能趋势。就像股票大盘你能看到哪些技能正在起飞哪些技能已经过气。指路https://mcpmarket.com/daily/skills建议每天早上刷牙的时候刷一刷看看AI界又出了什么新外挂比刷朋友圈有意义多了。开源合集官方出品必属精品接下来这波是官方认证的技能仓库质量有保障就像买电器认准官方旗舰店。Anthropic官方的skills仓库内置了文档处理、前端设计、MCP构建、算法艺术等十几套高质量技能。新手从这里开始相当于站在巨人的肩膀上而且这个巨人还给你递了梯子。指路https://github.com/anthropics/skillsawesome-claude-skills是全品类精选合集分类清晰覆盖面广是目前最全面的开源汇总库之一。不知道装什么的时候来这里逛逛总能找到惊喜。指路https://github.com/ComposioHQ/awesome-claude-skillsOpenAI官方也有skills目录专门给Codex用一键部署强化专项任务能力。虽然OpenAI和Anthropic是竞争对手但技能标准通用造福的是咱们用户。指路https://github.com/openai/skillsVercel出的前端开发技能包包含React/Next.js编码规范、Web设计指南、组件组合模式。前端开发必装装上之后AI写的React代码比你团队里某些老项目还规范。指路https://github.com/vercel-labs/agent-skillsExpo官方的React Native技能覆盖原生UI、数据请求、CI/CD部署跨端开发专用。做移动端的朋友这个相当于给你的AI配了个iOS和Android双系统手机。指路https://github.com/expo/skillsStripe官方的支付技能集成支付接口、订阅计费、结账流程。做电商的朋友装上这个AI连怎么收钱都帮你想好了比你还会做生意。指路https://github.com/stripe/aitrailofbits的网络安全技能库20多个安全插件支持智能合约审计、漏洞扫描、代码安全审查。做区块链的朋友这个技能装上AI比你更怕你的代码被黑客盯上。指路https://github.com/trailofbits/skillsNotion官方技能自动整理会议纪要、待办清单、研究资料。重度Notion用户适用装上之后AI就是你的私人秘书而且不用发工资。指路https://www.notion.so/notiondevs/Notion-Skills-for-Claude-28da4445d27180c7af1df7d8615723d0细分领域总有一款适合你最后这波是术业有专攻的细分技能按职业分类对号入座。项目开发从码农到架构师superpowers这个技能给AI装上了一整套项目管理方法论。启用后AI不会直接写代码而是先确认需求、输出设计方案、分步落地。就像你请了个架构师他不急着搬砖先画图纸。适合大型项目适合那些我不想返工的强迫症。指路https://github.com/obra/planning-with-files更绝它借鉴了Meta 20亿收购Manus AI的核心模式——用Markdown文件作为AI的外部记忆。解决了长对话上下文丢失的问题AI就像有了个笔记本每次对话前先翻翻之前的记录不会问你咱们上次说到哪了。适配多步骤长周期项目适合那些一做就是三个月的研究型开发。指路https://github.com/OthmanAdi/planning-with-files前端开发告别蓝紫渐变ui-ux-pro-max专业UI/UX设计技能生成界面彻底脱离通用AI模板风格。装上之后你的网页终于不再是AI生成的脸了。指路https://github.com/nextlevelbuilder/ui-ux-pro-max-skillvercel-react-best-practices强制遵循React官方编码模式统一组件、状态、性能优化写法专门收拾那些祖传代码。安装命令npx skills add vercel-labs/agent-skillsweb-design-guidelines通用Web设计规范库统一间距、色彩、排版、响应式布局。装上之后AI做的页面视觉精致度直接上了一个档次。安装命令npx skills add vercel-labs/agent-skillsfrontend-designAnthropic官方前端设计Skill产出具备独特辨识度的生产级页面。安装命令npx skills add anthropics/skillsvue-skills尤雨溪团队成员维护的Vue最佳实践覆盖Vue3组合式API、Vite、Vitest、Pinia、UnoCSS全栈生态。Vue开发者必装官方背书质量过硬。指路https://github.com/vuejs-ai/skills数据库让AI也懂SQLsupabase-postgres-best-practicesSupabase官方的PostgreSQL规范库指导AI完成查询优化、索引设计。装上之后AI写的SQL不再是SELECT * FROM everything而是正经的、带索引的、能跑在生产环境的代码。指路https://github.com/supabase/agent-skills浏览器自动化AI的机械臂browser-use是个独立的网页自动化工具支持网页访问、数据抓取、自动化测试。可以单独运行不绑定任何编辑器。指路https://github.com/browser-use/browser-useagent-browser是Vercel出的浏览器自动化技能自动表单填写、按钮点击、截图、动态内容爬取。适配E2E测试、爬虫、网页监控。指路https://github.com/vercel-labs/agent-browser装上之后AI就像有了一双机械臂能帮你点按钮、填表单、截图对比。适合那些我不想手动测试的QA工程师。内容创作AI的创意工作室remotion-dev/skills视频动画技能一句话生成可编辑的专业动画视频。做短视频的朋友这个相当于给AI配了个After Effects。指路https://github.com/remotion-dev/skillsheygen-com/skills数字人视频配套技能调用API生成虚拟人视频支持形象自定义、语音配音、透明背景、多语言字幕。做跨境电商的朋友这个能让你的AI主播说八国语言。指路https://github.com/heygen-com/skills网站审计AI的体检中心seo-audit网站SEO诊断工具输出优化方案。所属的营销技能仓库还附带25个以上营销类技能覆盖转化、文案、数据分析、增长策略。指路https://github.com/coreyhaines31/marketingskillsaudit-website更硬核基于squirrelscan230多条审计规则覆盖SEO、性能、无障碍、内容、安全21大类还能检测96种密钥泄露风险。指路https://github.com/squirrelscan/skills装上之后AI比你更怕你的网站被黑客攻击比你更关心你的Google排名。写在最后Agent Skills这个东西说白了就是让AI从通才变成专才。以前我们用AI就像请了个全科大学生啥都懂一点但做专业的事总差点意思。现在有了技能包你可以给AI装上前端设计技能它就是UI总监装上数据库技能它就是DBA装上安全审计技能它就是白帽子黑客。而且安装简单跨平台通用社区生态丰富还能自己定制。最重要的是它解决了AI编程最大的痛点——千篇一律。以后你让AI做网页不会再看到蓝紫渐变了。除非……你自己喜欢蓝紫渐变。那当我没说。