我喜欢尝试新的智能体技能。任何能帮我提高效率的东西我都乐意尝试。今天我发现了两个新技能，想和你们分享。
第一个是 Impeccable。Impeccable 把一个由 AI 搭建的朴素网站赋予了设计感。效果一点也不差！Diagram Design 则拿同一个网站，画出了它的工作原理图！两者都只需一条命令即可安装，而且基本适用于任何编码工具。我在演示中用了Kiro但你可以用任何你喜欢的工具。
如果你更想观看，我录了一个视频，把两者都演示了一遍：
前置条件
- 一个支持Agent Skills的智能体。我用的是 Kiro，但 Claude Code、Cursor 和 Codex 也可以。
- Node.js，这样你才能运行
npx。 - 一个用来试用它们的前端项目。我的是一个关于猫的小网站。
寻找技能
这两个技能我都是在Skill Leaderboard上找到的，它按 GitHub 星数对技能仓库进行排名。你可以按兼容的智能体筛选，所以我把它设成了 Kiro。技能就像食谱，在大多数编码工具上都能用，所以通常不加筛选也没问题。不过有些仓库在某个智能体里比在另一个里更容易安装，筛选可以让你免于亲身体验这个教训。
星数衡量的是流行度。我更在意的是是否契合我自己的项目，所以我挑了两个最匹配我最常构建的东西——也就是网站——的技能。
在安装任何东西之前，先读一读SKILL.md以及它引入的任何脚本。技能是随你的智能体权限运行的指令和脚本，所以要像检查 npm 包一样检查它。
1. Impeccable
Impeccable是一个设计技能，源自Anthropic 的前端设计技能并在其基础上构建。它有 UX 规划、一组设计命令，比如critique，polish，以及audit，而且它会问你很多问题。
为了测试它，我让 Claude Opus 5.5 随手写了一个叫 the Great Cat Color Census 的网站。你在野外发现一只猫，点击“Spotted one”，计数和排行榜就会更新。开箱即用时，它带有块状卡片风格和一些悬停动画。看起来还行。我不觉得它难看，但相当普通。
Claude Opus 5.5 想出的默认设计。
从你的项目根目录安装：
npx impeccable install
然后在你的智能体里运行 init：
/impeccable init
Init 会浏览整个项目，询问它无法自行判断的任何事情，并写入一个PRODUCT.md用它学到的东西。之后我让它用它的样式把网站做得更好看。它给出了五六个设计方向。我选了贴纸那个。
来自 Impeccable 的贴纸方向。功能相同，设计全新。
它的功能基本和之前一样，你仍然可以召唤一只随机猫咪。它看起来精致多了，多了些动画，猫咪看起来像可撕下的贴纸。字体给人一种《戴帽子的猫》的感觉。我对前端设计没有特别讲究的品味，但我还是更喜欢这个版本。如果你是设计师，在评论区告诉我你是否同意。
使用 Impeccable 的一个好方法是让它在不同的 Git 分支上构建它的几个方向。然后你可以逐个运行，在确定外观之前并排比较它们。
2. Diagram Design
Diagram Design将图表绘制为一个自包含的 HTML 和 SVG 文件。它支持 45 种图表类型，从架构图和流程图到雷达图和维恩图。仓库里的截图没能很好地展现它的效果。
用 skills CLI 安装它：
npx skills add cathrynlavery/diagram-design
我让它为同一个猫咪网站画一张图表，没有说明要画什么。它没有后端，所以我没抱太大期望。它选了访客流程。访客点击，一个动作运行change()或reset()，计数更新，派生统计数据输入左右两个页面。它还展示了保存和加载到localStorage的路径，甚至沿用了网站的粉色样式。
Diagram Design 根据猫咪网站生成的图表，在 Kiro 中打开。
这是一张简单的图表，但我喜欢这个风格，我能想象自己在下一个项目中使用它。当你打开一个文档很少的代码库时，它也很方便。在开始阅读代码之前，让它画几张图表。
列表的其余部分
我还没花太多时间研究其他流行的技能。以下是我目前的笔记。
Ponytail让你的智能体拥有房间里最懒的资深开发者的性格。在它的 README 中，你给他看五十行代码，他一言不发，用一行替换掉。目标是更少的代码和更少的 token。在 Kiro 中，它作为常驻规则集加载，所以你无法使用它的斜杠命令。
Caveman让智能体回答得简洁以削减 token 用量。我自己没看到多少节省。有人在关于顶级 Kiro 技能仓库的 Reddit 帖子里说这反而增加了他们的 token 用量，尽管该仓库引用的研究结论相反。
Addy Osmani 的智能体技能为你的智能体添加规格、计划、构建和测试工作流。Kiro 内置了规格功能，但如果你的工具没有，这个或Superpowers就是我会用来添加规格驱动开发的方式。
我还没试过UI UX Pro Max或Graphify，尽管它们排在列表靠前的位置。
如果你在 AWS 上构建，看看Agent Toolkit for AWS。这是我们从你的智能体操作 AWS 的一套技能和 MCP 服务器，在GitHub上免费提供。
总结
如果你构建网站，Impeccable 是我会最先安装的。Diagram Design 紧随其后，尤其是当你刚接触一个代码库时。
我正在考虑测试 Ponytail 和 Caveman 在 Kiro 中是否节省 token。如果你想看，请留言，并告诉我你在用哪些技能。