
Pseudo Elements
Skill审查 CSS 与 JavaScript 中伪元素和 View Transitions API 的用法:::before/::after 的 content、定位与层级,用伪元素代替多余的 DOM 节点、扩大点击区域,view-transition-name 的命名与清理,以及 ::backdrop 等原生样式,按「文件:行号」列出问题。
暫時無法顯示 README
此儲存庫未提供 README。 請前往 GitHub 儲存庫查看。
相關資源

Transitions Polish
Skill打磨已有的动效而不是新增过渡:按 transitions.dev 的动效令牌检查时长、位移、缩放、模糊与缓动五个维度,先判断动画用途再匹配令牌,并给出开合不对称、悬停进出、错开间隔与意图延迟等规则。是 transitions-dev 技能的配套,也可单独用于动效审计。
Jakubantalik/transitions.dev6.2k
12 Principles of Animation
Skill按改编到网页的迪士尼动画 12 原则审查动效代码,分时长、缓动、物理、编排四类规则检查,例如用户触发的动画须在 300ms 内完成、入场用 ease-out、按压要有缩放反馈,以 file:line 格式输出问题。
raphaelsalaja/skill64
Animation On Scroll
Skill用 IntersectionObserver 加 Tailwind 任意值动画类实现元素进入视口时的入场动画,给出关键帧与观察器代码片段,可调整触发阈值、rootMargin、时长、延迟以及是否只播放一次。
MengTo/Skills7.3k
Marquee Loop
Skill实现无缝循环的跑马灯,用于滚动展示标识、用户评价、截图或标签:复制一份元素序列,用线性 transform 从 0 平移到 -50%,固定元素宽度、边缘渐隐,并照顾 prefers-reduced-motion。
MengTo/Skills7.3k
Refine Live
Skilltransitions.dev 时间线检查器里 Refine 按钮的对话内后备方案:agent 轮询本地中继服务领取任务,按 transitions.dev 的动效令牌调整时长、缓动、缩放与模糊,或推荐整套过渡方案,也能扫描源码分组并把接受的修改写回代码。闲置轮询也会消耗对话额度,作者更推荐用 npx transitions-refine live 常驻运行。
Jakubantalik/transitions.dev6.2k
60fps Animation
Skill修复卡顿的网页动画:把对 width、height、top、left、box-shadow 等会触发重排或重绘的属性动画改成只动 transform 与 opacity,用伪元素的透明度实现阴影过渡,用 FLIP 技术平滑过渡布局变化与 height: auto,达到 60/120fps。
iart-ai/web-animation-skills88