用 libraries-dev Skill 解决 AI 生成 UI 的审美疲劳

分享一个宝藏skill，彻底治好了我对 AI 生成 UI 的审美疲劳。

用 Codex，Cursor 和 Claude Code 写过前端的朋友应该都懂这种无奈：逻辑全都能跑通，但界面永远透着一股千篇一律的塑料 AI 味。

死气沉沉的旋转加载、处处泛滥的紫色描边，看一眼就知道是模型随手吐出来的产物。

Jakub Antalik 刚做的这个 libraries-dev skill 之所以值得专门推荐，是因为他没去再造一套让人头大的组件库，而是直接给编程 Agent 装了一套只有 83KB 的审美外挂。

以前在项目里加动效，你得自己翻文档、抄参数，再反复调提示词求模型别接错状态，

这个 Skill 最聪明的一步，是把何时用、怎么接的工程品味，打包成了 Agent 原生的工作流。

它内置的命令设计得极其克制，先用 review 只读扫描你的代码库，诊断出哪些输入框、录音条或头像适合加反馈，等你确认之后，再用 apply 真正安装并接上真实的业务 state。

真正让我觉得舒服的是它的场景专精。 里面挑出来的 7 个轻量库，完全是奔着 AI 产品的核心痛点去的： 把毫无生气的实心转圈，换成带有思考节奏的点状微动，

把普通的麦克风按钮，换成声音涌起时才浮现的柔和光晕，

连多智能体侧边栏里的 Agent 头像，都能随着交互状态自然呼吸。

这改变的不是单纯的花哨动效，而是给冰冷的工具补上了真人打磨过的跟手质感。

不过也顺手提一句我自己的踩坑体会：千万别让模型一口气全站贴满光晕，特效本质是状态的视觉反馈，先挑生成中的输入框或者等待态这几个高频痛点去改，质感反而最干净。

做独立开发和 AI 产品的朋友，这一行指令很值得塞进你的常用环境里。 https://x.com/Jakubantalik/status/2103145432390262954/video/1