Agent Skills
› Jakubantalik/transitions.dev
Jakubantalik/transitions.dev
GitHub作为Timeline Inspector Refine的聊天内回退代理,通过轮询本地中继接收并处理代码优化任务。适用于无法配置持久化Agent的场景,需智能管理轮询间隔以节省额度并在收到停止信号时及时退出。
Install All Skills
npx skills add Jakubantalik/transitions.dev --all -g -y
Skills in Collection (5)
作为Timeline Inspector Refine的聊天内回退代理,通过轮询本地中继接收并处理代码优化任务。适用于无法配置持久化Agent的场景,需智能管理轮询间隔以节省额度并在收到停止信号时及时退出。
用户运行 /refine live
用户要求 refine live 或 go live
用户请求回答 refine jobs
npx skills add Jakubantalik/transitions.dev --skill refine-live -g -y
自动扫描代码库中的UI动效问题,提供分数评估,并根据用户选择执行抛光或重构修复,验证改进效果并支持PR生成。
询问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
用于优化和微调现有CSS动画,基于transitions.dev运动令牌标准审查时长、缓动等参数,确保符合设计规范并提升交互流畅度。
用户请求润色或调整动画效果
检查或审计现有过渡动画的合规性
修复动画延迟、交错或缓动问题
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


