正在打开每日关注
正在打开每日关注
通过切换器与查询参数比较多种 UI/动效方案，并分享最终选择，帮助 Agent 与团队更快做出设计决策。
New skill: /prototype Builds multiple different versions of an animation or UI element so you can go through them using a switcher. The version you select will be saved via query params so you can share it with your teammates. https://t.co/zEnLEjkvIp
是什么
这条推文介绍 emilkowalski/skills 中的 /prototype。它不是组件库，而是面向 Agent 的 UI/动效探索技能：根据描述制作多个版本，用切换器比较；最终选择写入 query params，方便队友打开同一方案。仓库面向设计师与工程师，结构上以多个 skills/<name>/SKILL.md 模块组织，覆盖生成、审查、改进动效等能力，安装命令是 npx skills@latest add emilkowalski/skills。
核心设计 它把凭感觉选方案转成“并列候选—快速试用—明确选择—链接复现”的闭环。URL 状态降低评审沟通成本；曲线、时长、属性等动效判断被封装进技能，落实 README 所强调的领域经验放大 AI。
亮点与边界
先做多个足够完整的小变体，再投入工程打磨，能减少过早锁定；分享选择状态也利于设计师、工程师和产品共同讨论。README 未说明实现框架、持久化或实时协作，不能据此推断。多版本会带来选择疲劳，query params 也不等于资产版本管理。上线前仍需验证响应式、无障碍、prefers-reduced-motion、性能和浏览器兼容性。