1、为什么要创建skill

我们在和大模型对话时，会向大模型发送一段提示词。

提示词包含需要解决的问题和相关要求。

如：请你帮我设计一个前端的登陆页面，风格自然，不要使用蓝紫色，动画过渡自然。

那我们下次还要设计一个注册页面，是不是还要将后面的风格提示词复用，再加到新的提示词中。

如：请你帮我设计一个前端的注册页面，风格自然，不要使用蓝紫色，动画过渡自然。

我们会发现两段提示词中，都有着相同的设计风格，在后续关于该网站的设计风格很大可能沿用这种设计，每次都在提示词中加入设计风格，这显然有些麻烦。

这时，我们可以将有关设计风格的提示词写入一个skill.md文件中，并在提示词的基础上加入调用说明（调用说明要尽可能的短），最后将这个文件导入到使用ai编程ide中。

这样，我们在和大模型对话时，ide会自动把skill的调用说明拼在我们的提示词上，让大模型自己来判断是否要使用。

大模型要使用，ide就会再重新将完整的skill发送给大模型；大模型不使用，由于我们的调用说明短，也不会对模型造成太大的干扰。

2、skill的创建

2.1 使用的工具

这里我想大家推荐3种书写skill的工具：Typora、jetbrains旗下的ide，集成ai的ide

Typora：是目前手写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、创建合适自己的skill

3.1 为skill添加约束，告诉大模型可以做什么，不可以做什么

前端页面我比较喜欢，简约明亮一些就可以这样写：

请示用白色作为页面的基底，页面上元素也尽量使用浅色系，不要使用黑色、棕色的深色系，也不要为页面添加浅色模式或深色模式。

如上，要根据你的目的，告诉大模型要使用什么，并限制模型的一部分行为，才能让模型更好的完成任务。

3.2 让大模型来帮我们判断skill中是否有缺陷

这里推荐使用trae cn来做，因为它免费，并且回退代码功能。

在这之前，请先添加一个skill：skill-creator。可以辅助大模型帮我们更好的完善skill

我的提示词如下，如果你知道你的skill有那一部分问题，可以针对性提问

ai给我们提出了上面的建议，然后我们就可以根据建议来修改skill，如果你不同意，可以写其他的提示词，这里仅作演示

在完成修改后，你觉得不满意，可以点击图中的按钮，这样就会取消刚才的修改

3.3 skill在刚创建时，一定要多使用

当你创建了一个skill，可能在你多次完善后，你会觉得已经没有问题了。

但请你一定要将这个skill带入到大模型中，多使用几次，看看skill是否能够满足你的要求。

避免日后大模型出错时，找不到问题来源。

4、skill推荐

find-skills：该skill可以帮助用户在网上，找到适合自己的skill

skill-creator：这个skill约定了创建skill的规范，可以辅助我们创建skill

frontend-design：这个skill约定了前端的设计风格，避免千篇一律的蓝紫色的ai味网站

anthropics：anthropics官方推出的skill合集，十分实用

The Agent Skills Directory：一个收录了大量skill的网站，几乎都能找到自己想要的skill