SkillFeeder › 全部 Skill › 设计与视觉 › transitions-polish
优化现有动效参数,匹配 transitions.
transitions-polish
transitions-polish 是 SkillFeeder 收录的Agent Skill,来自 GitHub 仓库 Jakubantalik/transitions.dev,★ 6,247。优化现有动效参数,匹配 transitions.dev 动效规范。适合前端动效工程师。场景是设计与视觉 · 动效动画。能做的事包括校准时长/距离/缩放/模糊/缓动五维数值、判断开闭不对称、悬停进出等触发规则、输出符合规范的动效 token 建议。打开 GitHub 自行安装。
能做什么
- 校准时长/距离/缩放/模糊/缓动五维数值
- 判断开闭不对称、悬停进出等触发规则
- 输出符合规范的动效 token 建议
原文简介
Polish and refine existing motion against the transitions.dev motion-token scale — duration, distance, scale, blur, and easing — plus the rules for WHEN each token applies (open/close asymmetry, hover-in vs hover-out, stagger offsets, and intent delays). An add-on to the transitions-dev skill, focused on tuning what already animates rather than adding new transitions. Use when the user asks to "po
同场景推荐
- angular-developer所在仓库 affaan-m/ECC,仓库 ★ 301,364生成高质量 Angular 代码并给出架构级实践建议
- slack-gif-creator所在仓库 anthropics/skills,仓库 ★ 193,116生成符合 Slack 规范的轻量动画 GIF
- 8-bit-orbit-video-template所在仓库 nexu-io/open-design,仓库 ★ 107,218生成高保真8位像素风多场景HTML视频,带高级转场与交互预览
- after-hours-editorial-template所在仓库 nexu-io/open-design,仓库 ★ 107,218生成三页暗黑高级感HTML动态杂志页,带电影级排版与奢华转场。
- animate所在仓库 nexu-io/open-design,仓库 ★ 107,218为现有界面组件添加专业级交互动画,支持缓动、弹簧、中断与退出效果。
- chat-motion-overlay所在仓库 nexu-io/open-design,仓库 ★ 107,218把聊天记录或截图转成带动效的透明视频聊天贴片
- motion-figure所在仓库 rohitg00/ai-engineering-from-scratch,仓库 ★ 78,496生成会动的图表:SVG动画、交互式系统图、课程配色的抖动色带。
- animated-content所在仓库 thedaviddias/Front-End-Checklist,仓库 ★ 74,711将大尺寸动图批量转为轻量视频并自动注入HTML