从0到1:创建出自己的skill(skill如何编写)

📅 发布时间:2026/7/15 13:26:14 👁️ 浏览次数:
从0到1:创建出自己的skill(skill如何编写)
1、为什么要创建skill我们在和大模型对话时会向大模型发送一段提示词。提示词包含需要解决的问题和相关要求。如请你帮我设计一个前端的登陆页面风格自然不要使用蓝紫色动画过渡自然。那我们下次还要设计一个注册页面是不是还要将后面的风格提示词复用再加到新的提示词中。如请你帮我设计一个前端的注册页面风格自然不要使用蓝紫色动画过渡自然。我们会发现两段提示词中都有着相同的设计风格在后续关于该网站的设计风格很大可能沿用这种设计每次都在提示词中加入设计风格这显然有些麻烦。这时我们可以将有关设计风格的提示词写入一个skill.md文件中并在提示词的基础上加入调用说明调用说明要尽可能的短最后将这个文件导入到使用ai编程ide中。这样我们在和大模型对话时ide会自动把skill的调用说明拼在我们的提示词上让大模型自己来判断是否要使用。大模型要使用ide就会再重新将完整的skill发送给大模型大模型不使用由于我们的调用说明短也不会对模型造成太大的干扰。2、skill的创建2.1 使用的工具这里我想大家推荐3种书写skill的工具Typora、jetbrains旗下的ide集成ai的ideTypora是目前手写markdown格式最好用的工具之一可以很直观地看到写出内容结构。jetbrains它旗下的ide都支持markdown格式的实时预览而且大多数的开发者都装有jetbrains旗下的ide不用另外安装。集成ai的ide如trae、cursor等等支持对markdown格式的预览在这种集成ai的ide中我们可以使用ai来辅助创建、润色skill。2.2 skill的格式skill的后缀名固定为md下方红色字体是你需要写的部分其余是固定格式---name:skill的名字如前端设计description:在什么情况下调用如在设计前端页面时调用。---正文你需要描述你的要求建议一段一段写每段一个小标题如## 色彩使用在前端写css或其它有关色彩的内容请遵循以下描述:- 不要使用蓝紫色- 请使用白色浅色系## 组件间动画的过渡在前端在有组件切换时请遵循以下描述:- 不要硬切要使用过渡动画- 可以带点类似弹簧效果## 参考文献如果一个skill要写的过多就可以分多个文件按需读取参考文献不是必写项文件路径要写出相对路径agents目录包含专门子代理的指令需要生成相关子代理人时就读它们- agents/动画.md — 前端各组件的切换、过渡3、创建合适自己的skill3.1 为skill添加约束告诉大模型可以做什么不可以做什么前端页面我比较喜欢简约明亮一些就可以这样写请示用白色作为页面的基底页面上元素也尽量使用浅色系不要使用黑色、棕色的深色系也不要为页面添加浅色模式或深色模式。如上要根据你的目的告诉大模型要使用什么并限制模型的一部分行为才能让模型更好的完成任务。3.2 让大模型来帮我们判断skill中是否有缺陷这里推荐使用trae cn来做因为它免费并且回退代码功能。在这之前请先添加一个skillskill-creator。可以辅助大模型帮我们更好的完善skill我的提示词如下如果你知道你的skill有那一部分问题可以针对性提问ai给我们提出了上面的建议然后我们就可以根据建议来修改skill如果你不同意可以写其他的提示词这里仅作演示在完成修改后你觉得不满意可以点击图中的按钮这样就会取消刚才的修改3.3 skill在刚创建时一定要多使用当你创建了一个skill可能在你多次完善后你会觉得已经没有问题了。但请你一定要将这个skill带入到大模型中多使用几次看看skill是否能够满足你的要求。避免日后大模型出错时找不到问题来源。4、skill推荐find-skills该skill可以帮助用户在网上找到适合自己的skillskill-creator这个skill约定了创建skill的规范可以辅助我们创建skillfrontend-design这个skill约定了前端的设计风格避免千篇一律的蓝紫色的ai味网站anthropicsanthropics官方推出的skill合集十分实用The Agent Skills Directory一个收录了大量skill的网站几乎都能找到自己想要的skill