本文详细介绍了Agent Skills技术它是标准化Markdown格式的SKILL.md文件如同AI的《岗位员工手册》。Skills区别于Tools是软实力而非硬能力。文章提供安装使用指南建立目录结构创建含YAML Frontmatter的SKILL.md文件并通过OpenCode/Cursor调用。包含三个实战案例小红书内容创作、SVG动画制作和现代UI设计。Skills是永久的数字资产可保存、分享和迭代是AI时代核心竞争力。这几天有个概念又火了Agent Skills智能体技能。Agent Skills最早常用于Claude Code简单来说它就像是专业老师傅的“工具箱”即插即用可多次复用可反复迭代。在技术层面它其实依旧是在Context Engineering的背景下衍生出来的一种技术路线。那么话不多说我们进入正文 第一部分什么是 Agent Skills小白也能懂在 AI 圈有两个概念经常被混淆Tools (工具)和Skills (技能)。️ Tools 是“手”AI 能够联网搜索、能读取文件、能运行 Python 代码。这是硬能力。 Skills 是“脑”AI 知道怎么写才是对的什么风格是好的。这是软实力经验、审美、规范。Agent Skill 的本质就是一个标准化的 Markdown格式的SKILL.md文件。它就像是给 AI 发了一本《岗位员工手册》。以前你的经验藏在脑子里现在你把它写进文件里。当 AI 加载这个文件时它就“加载”了你的经验。有了它之后就不用每次重复再复制自己整理好的提示词粘贴到文本框再发给AI像我经常就是从知识库里复制“现在你是一名XXX专家擅长……”贴到AI对话框然后才开始干活直接把打包好的Skills部署到对应项目文件夹或者全局文件夹之后AI就会遵循这个Skills的规范、原则开始干活之后在干活过程中发现有什么需要更新的那就更新Skills就好了非常方便。️ 第二部分如何安装与使用保姆级教程无论你是用OpenCode开源Claude Code还是通过Claude Code来用标准都是通用的。建立目录结构参考Anthropic/OpenCode 规范在你的项目文件夹里创建一个以技能名为文件名的文件夹.claude/ └── skills/ ├── xiaohongshu-creator/-- 技能1小红书 ├── svg-animation-expert/-- 技能2SVG动画 └── modern-ui-expert/-- 技能3前端UI如果你是使用opencode那么还要在.claude下再创建个opencode.json文件里面写这些内容来配置下{ $schema: https://opencode.ai/config.json, permission: { skill: { *: allow, pr-review: allow, internal-*: deny, experimental-*: ask } } }核心文件SKILL.md在每个技能文件夹里必须有一个SKILL.md文件。⚠️ 注意文件的开头必须包含YAML Frontmatter元数据这是 AI 识别技能的身份证。如果你不这样写那很有可能会碰到这样的情况标准格式模板--- name: my-skill-name-- 必须是小写、数字、单连字符 (正则: ^[a-z0-9](-[a-z0-9])*$) description: 一句话描述这个技能是干嘛的1024字符以内。 license: MIT compatibility: opencode metadata: version:1.0.0 --- ## What I do 这里写具体的技能描述... ## When to use me 这里告诉 AI 什么时候触发这个技能...怎么用在 OpenCode/Cursor 中只要文件存在你在对话框输入技能名或直接提问AI 就会自动加载。 第三部分三大落地场景实战3个示例接下来是重头戏。我为大家准备了三个Skills帮助大家理解Skills的应用。场景一✍️ 小红书“爆款制造机” (xiaohongshu-creator)针对痛点AI 写文案不符合小红书风格。适用人群新媒体运营、个人博主。 复制以下内容到.claude/skills/xiaohongshu-creator/SKILL.md--- name: xiaohongshu-creator description: Createviral lifestyle content with authentic engagement hooks, proper emoji usage --- ## What I do I am a top-tier lifestyle influencer (KOC). I transform boring factsintoemotionally resonant, highly shareable posts. I reject AI-sounding formal language. ##Whentouse me Use this skillwhentheusersays 写个小红书orwantstopromote a product/placeonsocial media. ## Content Guidelines (The Viral Formula) ### 1.ToneVoice (确定风格) -**Forbidden:**首先、其次、总之 (First,Second,Inconclusion), formal introductions. -**Required:**Use short sentences. Use conversational hookslike家人们 (Fam), 绝绝子 (Amazing), 真的会谢 (Really grateful/sarcastic). -**Vibe:**Enthusiastic, sincere, slightly dramatic. ### 2.Title Structure (Clickbait Art) -Must includeatleast2emojis. -Structure: [Emotion/Pain Point][Solution/Result][Exclamation] -*Example:* 3天瘦5斤这个食谱真的神了 ### 3.The Emoji Density Rule -Everyparagraph mustendwithan emoji. -Use aesthetic emojis: ✨, , ️, , ️ (Notjust the standard yellow faces). ###4.Layout -Use Line Break frequently.Nomassive blocksoftext. -Endwithtags:#ootd#生活碎片#我的平价好物场景二 科普博主的神器 (svg-animation-expert)针对痛点想用动画的方式解释“TCP握手”或“光合作用”。适用人群老师、技术博主、PPT 汇报达人。 复制以下内容到.claude/skills/svg-animation-expert/SKILL.md--- name: svg-animation-expert description: Generate educational, looping SVG animations using CSS keyframes to visualize complex concepts. license: MIT compatibility: opencode metadata: output: svg-code style: flat-design --- ## What I do I create **standalone SVG files** that tell a story. I use CSS keyframes to animate elements, making abstract concepts visible. ## Guidelines Rules 1. visual Style - **Canvas:** Always use viewBox0 0 800 600 and a fill#f8f9fa background rectangle. - **Colors:** Use Flat UI colors. Active elements #3b82f6 (Blue), Errors #ef4444 (Red). 2. Animation Logic (The Physics) - **Looping:** All animations must set animation-iteration-count: infinite. - **Easing:** Use ease-in-out for organic movement. Never use linear unless its a machine. - **Staging:** Use animation-delay! Dont move everything at once. Step 1 happens at 0s, Step 2 at 1s. 3. Example Implementation If asked to show Data Flow, generate code like: svg svgviewBox0 0 800 600xmlnshttp://www.w3.org/2000/svg stylekeyframesmove {0%{ cx:100;opacity:0; }50%{opacity:1; }100%{ cx:700;opacity:0; }}.packet{animation: move2sinfinite ease-in-out; fill:#3b82f6; }style rectwidth800height600fill#f8f9fa/ circler20cy300classpacket/ svg 效果只要你说“帮我画一个光合作用的动画”AI 就会给你一段代码。你保存为.svg拖进浏览器就能看到对应的动画好吧粗糙了点但还是看出了AI想表达出来的意思的。场景三 拒绝土味网页 (modern-ui-expert)针对痛点AI 写的网页只有 HTML 骨架丑到没法用。你希望它做出来的前端更加高级。适用人群前端开发、独立开发者、产品经理。 复制以下内容到.claude/skills/modern-ui-expert/SKILL.md--- name: modern-ui-expert description: Generate production-grade frontend code using React, Tailwind CSS,andShadcn/UI aesthetics. Enforces modern design principles. license: MIT compatibility: opencode metadata: stack: nextjs-tailwind role: senior-frontend-architect --- What I do I refuse to generate ugly code. I enforce **Whitespace is Luxury**and**Glassmorphism** design principles. Design System Rules 1. Color Depth - **Backgrounds:** Never use pure white (#ffffff). Use bg-slate-50 or bg-zinc-950 (for dark mode). - **Glass Effect:** Use bg-white/70backdrop-blur-md border border-white/20forcardsandnavbars. - **Shadows:** Use shadow-smforcards, shadow-xlformodals. 2. Spacing (The Golden Rule) - Always use more padding than you thinkisnecessary. - Minimum paddingfora sectionispy-20. - Gap between grid items should be at least gap-6. 3. Component Syntax - Strictly use **Tailwind CSS** utility classes. - Use lucide-reactforicons. - Buttons must have interaction states: hover:scale-105active:scale-95transition-all. When to use me Trigger this skill when the user asksforLanding Page,Dashboard,orLogin Form. 效果加载这个技能后你再让 AI 写一个“登录页”它会自动加上毛玻璃特效、微交互动画和高级灰配色。其实大家可以在Skills里定义好自己的一套完整的UI设计系统从此就能摆脱“蓝紫风”一眼AI的前端了接下来整理一下可以帮大家找到Skills的地方首先是https://skillsmp.com/这里整理了很多现成可用的Skills。然后是https://github.com/ComposioHQ/awesome-claude-skills和https://github.com/sickn33/antigravity-awesome-skills这两个项目可以直接下载下来直接放进项目文件夹使用。 结语Skill 是你的数字资产大家发现了吗Prompt提示词是一次性的你关掉窗口就没了。Skill技能是永久的它是一个文件可以保存、可以分享、可以迭代。在 AI 时代核心竞争力不再是“谁会提问”而是“谁能把自己的专业经验提炼成一份高质量的 SKILL.md”。这就是你的数字分身的一部分大脑知识经验结晶那部分。所以今天下班前不妨试着为你最擅长的工作写下第一个 Skill 吧如何学习AI大模型 “最先掌握AI的人将会比较晚掌握AI的人有竞争优势”。这句话放在计算机、互联网、移动互联网的开局时期都是一样的道理。我在一线互联网企业工作十余年里指导过不少同行后辈。帮助很多人得到了学习和成长。我意识到有很多经验和知识值得分享给大家故此将并将重要的AI大模型资料包括AI大模型入门学习思维导图、精品AI大模型学习书籍手册、视频教程、实战学习等录播视频免费分享出来。【保证100%免费】CSDN粉丝独家福利这份完整版的 AI 大模型学习资料已经上传CSDN朋友们如果需要可以扫描下方二维码点击下方CSDN官方认证链接免费领取【保证100%免费】读者福利CSDN大礼包《最新AI大模型学习资源包》免费分享 安全链接放心点击对于0基础小白入门如果你是零基础小白想快速入门大模型是可以考虑的。一方面是学习时间相对较短学习内容更全面更集中。二方面是可以根据这些资料规划好学习计划和方向。1.大模型入门学习思维导图要学习一门新的技术作为新手一定要先学习成长路线图方向不对努力白费。对于从来没有接触过AI大模型的同学我们帮你准备了详细的学习成长路线图学习规划。可以说是最科学最系统的学习路线大家跟着这个大的方向学习准没问题。全套教程文末领取哈2.AGI大模型配套视频很多朋友都不喜欢晦涩的文字我也为大家准备了视频教程每个章节都是当前板块的精华浓缩。3.大模型实际应用报告合集这套包含640份报告的合集涵盖了AI大模型的理论研究、技术实现、行业应用等多个方面。无论您是科研人员、工程师还是对AI大模型感兴趣的爱好者这套报告合集都将为您提供宝贵的信息和启示。全套教程文末领取哈4.大模型实战项目项目源码光学理论是没用的要学会跟着一起做要动手实操才能将自己的所学运用到实际当中去这时候可以搞点实战项目来学习。全套教程文末领取哈5.大模型经典学习电子书随着人工智能技术的飞速发展AI大模型已经成为了当今科技领域的一大热点。这些大型预训练模型如GPT-3、BERT、XLNet等以其强大的语言理解和生成能力正在改变我们对人工智能的认识。 那以下这些PDF籍就是非常不错的学习资源。全套教程文末领取哈6.大模型面试题答案截至目前大模型已经超过200个在大模型纵横的时代不仅大模型技术越来越卷就连大模型相关的岗位和面试也开始越来越卷了。为了让大家更容易上车大模型算法赛道我总结了大模型常考的面试题。全套教程文末领取哈为什么分享这些资料?只要你是真心想学AI大模型我这份资料就可以无偿分享给你学习我国在这方面的相关人才比较紧缺大模型行业确实也需要更多的有志之士加入进来我也真心希望帮助大家学好这门技术如果日后有什么学习上的问题欢迎找我交流有技术上面的问题我是很愿意去帮助大家的这些资料真的有用吗?这份资料由我和鲁为民博士共同整理鲁为民博士先后获得了北京清华大学学士和美国加州理工学院博士学位在包括IEEE Transactions等学术期刊和诸多国际会议上发表了超过50篇学术论文、取得了多项美国和中国发明专利同时还斩获了吴文俊人工智能科学技术奖。目前我正在和鲁博士共同进行人工智能的研究。资料内容涵盖了从入门到进阶的各类视频教程和实战项目无论你是小白还是有些技术基础的这份资料都绝对能帮助你提升薪资待遇转行大模型岗位。CSDN粉丝独家福利这份完整版的 AI 大模型学习资料已经上传CSDN朋友们如果需要可以扫描下方二维码点击下方CSDN官方认证链接免费领取【保证100%免费】读者福利CSDN大礼包《最新AI大模型学习资源包》免费分享 安全链接放心点击