Agent Skills
› Jakubantalik/transitions.dev
Jakubantalik/transitions.dev
GitHub作为 Timeline Inspector 的 In-chat 回退模式,当无持久化 Agent 时通过轮询本地 Relay 处理 Refine 任务。在聊天中模拟 LLM 接收并回复转换建议,同时管理轮询循环以节省积分消耗。
Install All Skills
npx skills add Jakubantalik/transitions.dev --all -g -y
Skills in Collection (5)
作为 Timeline Inspector 的 In-chat 回退模式,当无持久化 Agent 时通过轮询本地 Relay 处理 Refine 任务。在聊天中模拟 LLM 接收并回复转换建议,同时管理轮询循环以节省积分消耗。
用户运行 /refine live
用户要求 refine live 或 go live
回答 refine jobs 且无持久化 agent
npx skills add Jakubantalik/transitions.dev --skill refine-live -g -y
自动扫描代码库中的UI动效问题并修复,提供评分与优化建议。支持平滑调整和全面重构两种修复模式,验证改进效果,并可集成至CI流程以自动化质量门禁。
用户询问UI动效、动画质量或运动分数
请求修复缺失或不一致的UI过渡效果
执行npx transitions-agent命令
npx skills add Jakubantalik/transitions.dev --skill transitions-agent -g -y
提供32种开箱即用的CSS过渡动画组件,覆盖模态框、下拉菜单、加载状态及交互反馈。支持无框架依赖、语义化命名及无障碍适配,适用于前端界面动效实现。
添加过渡动画
平滑打开模态框
图标切换效果
页面滑动切换
骨架屏与加载闪烁
npx skills add Jakubantalik/transitions.dev --skill transitions-dev -g -y
用于优化现有动画效果,基于transitions.dev标准调整时长、距离、缩放、模糊和缓动。通过语义匹配而非数值近似来修正动画参数,确保符合使用场景规范。
polish my transitions
refine the motion
tune the timing / easing
make the animation feel better
fix the stagger
audit the motion
npx skills add Jakubantalik/transitions.dev --skill transitions-polish -g -y
提供UI生成动画效果,模拟AI构建界面的过程。通过点阵、线框和扫描线揭示真实UI,支持骨架屏及带日志文本模式。兼容主流前端框架,适用于展示AI生成内容或增强产品科技感。
用户请求“生成动画”、“AI生成UI”或“代理构建组件”
需要展示AI功能输出过程的演示页面或着陆页
npx skills add Jakubantalik/transitions.dev --skill transitions-ui-generation -g -y
Dependencies:
Jakubantalik/transitions.dev


