四类设计 Agent Skill：从审美到动效落地

是什么 这不是单一设计工具，而是一套给 Agent 的设计工程工具链。Impeccable 把“做得好看”转成 /polish、/distill、/clarify 等可执行指令，并用 Before/After 和实时变体减少 AI slop；emilkowalski/skills 以多个 SKILL.md 组成经验库，覆盖动画构建、评审、机会发现、Apple 设计、原型和 UI 库选择；transitions.dev 从 index.html 模板生成 CSS transition skill，并提供 CLI 与运行时 Refine；greensock/gsap-skills 则按核心 API、Timeline、ScrollTrigger、插件、框架和性能组织 GSAP 指南。

核心设计 四者形成分层工作流：先做界面层级、文案与视觉取舍，再判断哪里值得动，随后复用 transitions.dev 的 CSS 模式，复杂时间轴或滚动场景落到 GSAP。共同亮点是把资深经验编码成词汇、规则、示例、可复制片段和 Agent 可消费的目录结构。

关键洞察 它们解决的不是“AI 能否写代码”，而是 Agent 缺少品味、上下文和动效判断的问题，缩短了设计意图到可验证实现的距离，也让设计师和工程师共享同一套反馈语言。

边界与风险 星数与用户好评只能代表关注度，不能替代用户研究、品牌约束、无障碍和真实设备验证；技能也不会自动保证产品体验，动效仍应保留 prefers-reduced-motion 路径。由于没有代表性图片，视觉部分仅依据文字判断。