SkillFeeder › 全部 Skill › 设计与视觉 › animation-performance
animation-performance
animation-performance 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 thedaviddias/Front-End-Checklist，★ 74,681。用 transform 和 opacity 替换布局属性动画，实现 60fps 流畅渲染。适合前端开发者、UI 工程师。场景是设计与视觉 · 动效动画。能做的事包括自动识别 width/height/top 等高成本动画属性、推荐 GPU 友好替代方案（如 translateX、opacity）、标记需 will-change 提升图层的元素。打开 GitHub 自行安装。
能做什么
- 自动识别 width/height/top 等高成本动画属性
- 推荐 GPU 友好替代方案（如 translateX、opacity）
- 标记需 will-change 提升图层的元素
原文简介
Use when reviewing stylesheets, component styles, and responsive behavior related to Use transform and opacity for animations. Check the rendered layout across breakpoints and interaction states before proposing a fix.
同场景推荐
- angular-developer所在仓库 affaan-m/ECC，仓库 ★ 300,014生成高质量 Angular 代码并给出架构级实践建议
- slack-gif-creator所在仓库 anthropics/skills，仓库 ★ 190,432生成符合 Slack 规范的轻量动画 GIF
- 8-bit-orbit-video-template所在仓库 nexu-io/open-design，仓库 ★ 106,772生成高保真8位像素风多场景HTML视频，带高级转场与交互预览
- after-hours-editorial-template所在仓库 nexu-io/open-design，仓库 ★ 106,772生成三页暗黑高级感HTML动态杂志页，带电影级排版与奢华转场。
- animate所在仓库 nexu-io/open-design，仓库 ★ 106,772为现有界面组件添加专业级交互动画，支持缓动、弹簧、中断与退出效果。
- chat-motion-overlay所在仓库 nexu-io/open-design，仓库 ★ 106,772把聊天记录或截图转成带动效的透明视频聊天贴片
- motion-figure所在仓库 rohitg00/ai-engineering-from-scratch，仓库 ★ 78,051生成会动的图表：SVG动画、交互式系统图、课程配色的抖动色带。
- animated-content所在仓库 thedaviddias/Front-End-Checklist，仓库 ★ 74,681将大尺寸动图批量转为轻量视频并自动注入HTML