SkillFeeder › 全部 Skill › 设计与视觉 › animated-content
将大尺寸动图批量转为轻量视频并自动注入HTML
animated-content
animated-content 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 thedaviddias/Front-End-Checklist，★ 74,681。将大尺寸动图批量转为轻量视频并自动注入HTML。适合前端性能优化工程师。场景是设计与视觉 · 动效动画。能做的事包括识别页面中体积超标的动图、自动转码为MP4或WebM格式、生成带autoplay/loop/muted的语义化video标签。打开 GitHub 自行安装。
能做什么
- 识别页面中体积超标的动图
- 自动转码为MP4或WebM格式
- 生成带autoplay/loop/muted的语义化video标签
原文简介
Use when auditing slow page loads, heavy assets, or rendering delays related to Convert animated GIFs to video. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
同场景推荐
- 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动画、交互式系统图、课程配色的抖动色带。
- animation-performance所在仓库 thedaviddias/Front-End-Checklist，仓库 ★ 74,681用 transform 和 opacity 替换布局属性动画，实现 60fps 流畅渲染