大家好，我是小肥肠，一个努力运营 一人公司 的前程序员。 今天给大家分带来一个归纳整理skill，它可以把我们本地skill整理为直观的html页面，方便我们查看使用。
1. 你有哪些skill？一个页面汇总告诉你
最近群里很多小伙伴给我反馈说skill越来越多，有时候随便丢哪里，转头就忘了咋用，问我有没有解决方法。 以前用 Coze 的时候，好歹还有一个集中的网页后台，所有 Bot、工作流、插件都能在一个地方看到。本地 Skill 最大的问题就是：能力是散落在文件夹里的。
端午的时间闲来无事整理了一下我的skill，没想到居然有几十个了，比我去年一年做的Coze+n8n 工作流 还多 。有些skill我都有点忘了它原本的功能是做啥的。于是突发奇想做了一个可以把skill整理归纳的skill，只要输入指令：使用 $skill-dashboard-builder，将 F:\skill-project.codex\skills（skill存放路径） 生成一个 Skill 能力地图 HTML，输出到 F:\skill-project\output\xfc-ip-steps\skill_dashboard.html（任意路径）。
等待几秒就能生成直观页面，页面里会自动展示：
- 当前一共有多少个 Skill
- 每个 Skill 属于什么能力分类，分类有公众号、小红书、视频、图像这些
- 每个 Skill 的能力说明及调用示例
点击任意子模块，如公众号漫画可以看到下属skill节点：
点击任意skill节点还可以查看skill使用说明，驱动指令和路径：
如果不喜欢知识图谱 也可以切换到卡片列表视图，用更传统的方式查看每个 Skill：
这个skill可以让你直观了解你本地有哪些skill以及怎么用，对小白、喜欢囤skill的人来说都是一个不错的技能，我整了两套样式，一套是上面的清新ins风 ，另一套是暗黑科技风：
2. 整理skill技术路线概述及优化描述
这个skill的制作方式很简单。我自己先做了一个漂亮的html页面，然后让Codex仿照页面样式整理skill信息，如果你喜欢我的样式，可以直接截图让Codex模仿：
一句指令给到Codex就行： 写一个skill，只要给定skill目录你就能生成F:\skill-project\output\xfc-ip-steps\skill_dashboard.html同样式布局的页面
它的核心技术路线并不复杂：
- 遍历用户传入的 Skill 根目录
- 找到每个子目录里的
SKILL.md，读取里的name、description等信息 - 组织成结构化数据
- 生成一个单文件 HTML
- 在 HTML 里渲染统计卡片、分类图表、G6 知识图谱和卡片列表
整个过程本质上就是：
文件扫描 → 信息抽取 → 分类归纳 → HTML 可视化
话又说回来，这个skill只是暂时解决了本地技能的整理归纳问题，虽然看起来很直观，但是每当有新的skill进来都要重新发送指令整理为html。 进阶的玩法是做一个桌面端工具，把本地skill信息存到数据库，监听一下skill文件夹，每当你的skill更新，页面就会更新，这块属于AI编程范畴，我后面文章会讲。
以上就是本期skill的完整拆解教程。这个 Skill 已收录至共学群资料库，群友可直接上手复用。
3. skill制作其实很简单
skill制作其实很简单，简单到只需要一句话就能生成一个skill。 难的是在脑海中怎么形成这句话，这其实可以归纳为流程图思维 ，从去年大热的Coze|n8n到今年的skill，虽然制作形式变了，但是核心都是流程图思维，Coze和n8n需要先有大致的流程规划，再把流程规划转换为工作流节点，需要节点的拖拽和配置，而skill简单到你只要把你的思路告诉Codex就行。
skill的到来也意味着模板化时代已经过去了，去年有什么爆款我们都可以用Coze或者n8n工作流搭出来就行，今年行不通了，模板化的东西会被判定同质化和低创作度 。所以skill这件事说不难也难，不难的是我们可以一句话生成skill，难的是我们要花更多精力去优化提示词，让skill制作出来的东西更加多元化，独一无二。现在又绕回到了提示词。如何写好提示词我之前也提过，就是定框架，补空白。
框架大致是这样：
角色：让AI知道它专精什么（身份设定）
技能：你希望它做什么（任务拆解）
限制：你不希望它做什么（边界控制）
把框架定好再去填补空白，有点像我们上学的时候写作文，有时间感觉做好AI既要有逻辑思维又要文笔好，俗称文理双全，还要审美好...难也得坚持，谁让咱们吃这碗饭呢，今天就聊这些吧，下篇文章见~