Meng To 常用的 6 个 skill，做 demo 全靠它们撑观感

Meng To 在 X 上列了 6 个他一直在用的 skill，用来做 demo。klöss 转了一遍。清单不长，指向的问题很集中：demo 的功能可以糊弄，观感糊弄不了。

先补个上下文。skill 是 agent 可加载的一包指令和资源，装好之后在 prompt 里打一个斜杠命令，它就按预设的流程干活。和普通提示词的区别在于，它能带文件、带脚本、带一套判断标准。

Meng To 原推的演示视频：

dream-loop

作者 anshuc。做法是个闭环：

1. AI 先用图像生成“梦”一张高质量的目标截图
2. 照着这张目标图去搭
3. 另一个 critic agent 把实时截图和目标图比对，给反馈
4. 回到第 2 步，循环到 critic 满意
5. 可选再回到第 1 步，根据当前状态梦一张更好的目标

想要 3D 就装 Blender，走 MCP 或脚本接口比让 agent 操作界面效果好。作者说目前只在 Codex 里用 GPT-6 Astra 测过，Claude Fable 5.1 这类强模型大概率也能跑。

安装：npx skills add achimala/dream-loop

在线 demo：https://dream-loop-demo.anshu.dev

Hairline

Lucas Marques 做的。33 个等距线稿图形，纯 SVG，没有依赖，React 和原生 DOM 都能用。卖点写在页面标题里：线稿会“回答”指针。鼠标移到哪，图就有反应。

npm i @lucasmarkes/hairline，MIT 协议。也提供了一套 skill，可以照着自己的需求画。

Emil Kowalski 的 skills

链接挂在 emilkowal.ski/skill，实际落到 aiforui.dev。18 个 skill，按一个项目里真正会碰到的顺序排：动效词汇、选 UI 库、做原型、设计工程、动画、编排、Apple 式设计、手势、移动端原生、动画性能、用烂数据压测 UI、审查动画、找动效机会、改进、删掉多余的动画。

GitHub 56k star，skills.sh 上 340 万次安装。安装命令 npx skills@latest add emilkowalski/skills。

这个页面值得看的是例句。它把用户会说的话和对应的 skill 排在一起，比如“我们的 toolbar tooltip 手感发滞，能修吗”对 /emil-design-eng，“删掉卡片时其他卡片会跳，修一下”对 /choreograph，“这个抽屉该用什么 spring”对 /apple-design。

Meng To 自己的 skills

github.com/mengto/skills，给设计师和 builder 用的一套。内容没展开，从命名看是配合他平时做 demo 的工作流。

REA

rea.tools。逆向工程任何一个 app 或网站，拆开看它是怎么实现的。做 demo 找参考的时候，比截图然后猜要靠谱。

HTML Demo

fil.design/skills/html-demo。让你的 app 在 HTML 里直接跑起来。看结果比看描述快。

一点观察

6 个里面，至少 4 个解决的是“品味”问题，不是“能力”问题。写代码这件事模型早就够用了，卡住的地方是它不知道什么叫手感对、什么叫动画多了一档。

所以 skill 的分发形态也在变。以前这些东西散在博客、教程、设计系统文档里，现在是一行 npx 装进 agent，prompt 里打个斜杠命令。Emil 那套 340 万次安装说明一件事：大家缺的不是 framer-motion 的 API 文档，是“这个 spring 到底该给多少”。