Repository
Unclecheng-li/AI_Animation agent skills
- skills
- 12
- GitHub stars
- 1.5k
GitHub description: “本项目整理了用于生成[炫酷 HTML 动画网页]的 AI Prompts，涵盖动画效果、3D 可视化、PPT 风格演示、UI 美化等多个类别。”
- Stars
- 1,457 (111 forks)
- Licence
- MIT
- Last push
- Oct 2026
- Created
- Apr 2026
- css
- html5
- front-end
- javascript
- ppt
- ai
- ai-agents
- dsh-plugin
- dsh-plugins
- prompt
- prompt-engineering
- skill
- skills
Install all skills
npx skills add Unclecheng-li/AI_AnimationAdd --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).
Skills in Unclecheng-li/AI_Animation, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Builds validated architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone interactive HTML from a small JSON spec, with optional motion and image export. | Unclecheng-li/ | 1.5k | 2 repos | ~4.1k | Automated safety check: Pass | MIT | 2 days ago |
| 2 | Produces one self-contained HTML animation page per video shot, sharing a cinematic player base but giving each page its own visual style, sound cues and characters. | Unclecheng-li/ | 1.5k | — | ~617 | Automated safety check: Pass | MIT | 2 days ago |
| 3 | Generates a single-file HTML presentation that pairs a narrated sidebar with a 3D card carousel, for walking through protocols, product features or step-by-step processes. | Unclecheng-li/ | 1.5k | — | ~877 | Automated safety check: Pass | MIT | 2 days ago |
| 4 | Turns a product, lesson or script into a cinematic web animation staged inside a realistic phone interface, with lock screens, chats, settings and a virtual-clock player. | Unclecheng-li/ | 1.5k | — | ~703 | Automated safety check: Pass | MIT | 2 days ago |
| 5 | Turns a local CSV or JSON file, or data fetched from an approved source, into an editable data-visualization video by adapting HyperFrames templates. | Unclecheng-li/ | 1.5k | — | ~2.6k | Automated safety check: Pass | MIT | 2 days ago |
| 6 | Generates a single-file HTML animation in which white argument cards pop up in turn, older ones stack to the left and data widgets animate in, timed to a voiceover. | Unclecheng-li/ | 1.5k | — | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 7 | 制作"瑞士国际主义风格（Swiss Style）+ 图表驱动"的视频分镜演示动画——纸灰底/炭黑墨/发丝线/唯一强调橙的编辑部级排版，每页用匹配内容的可视化图表（时间线/循环环/流程链/对照表/点阵计数/热力矩阵…）代替文字堆砌，一镜一 HTML，电影化播放器全屏录屏即成片。只要用户提到：瑞士风格演示页、Swiss Style… | Unclecheng-li/ | 1.5k | — | ~793 | Automated safety check: Pass | MIT | 2 days ago |
| 8 | 制作"仿 Windows 11 系统 UI"的写实仿真网页演示动画——观众像在看一台真 Win11 电脑的精心编排录屏：桌面、任务栏、资源管理器、开始菜单、右键菜单、系统对话框、通知、WinRE 蓝屏 1:1 还原，光标演出引导操作，教学标记层叠加讲解，电影化播放器全屏录屏即成片。只要用户提到：仿 Win11/Windows 演示、系统 UI 仿真动画、电脑教学演示页、软件操作教程动画、把… | Unclecheng-li/ | 1.5k | — | ~535 | Automated safety check: Pass | MIT | 2 days ago |
| 9 | 生成教育/科普类流程图、概念图、原理演示的动画 HTML 页面。用 CSS/SVG 绘制节点和连线，支持流动箭头、逐步出现、hover 高亮等动画效果。适合技术讲解、视频科普、PPT 配图场景。 | Unclecheng-li/ | 1.5k | — | ~616 | Automated safety check: Pass | MIT | 2 days ago |
| 10 | 生成网络协议工作原理的可视化动画 HTML 页面，支持 TCP/IP、以太网帧、IPv4 数据报、路由、DHCP、HTTPS 等协议的图形化动态演示 | Unclecheng-li/ | 1.5k | — | ~448 | Automated safety check: Pass | MIT | 2 days ago |
| 11 | 11.Ui2v Motions UI2V 动效库——1,262 个 GSAP 动效包（616MB 全量离线镜像，源自 ui2v.com / illli-studio/motions）+ 按镜头用途的选型索引 + 接入演示动画的完整配方。给视频演示页/产品页/落地页挑选和嵌入高质量 UI 动效：图表入场、列表滚动、卡片翻转、文字编排、数字滚动、背景循环等即插即用。只要用户提到：UI 动效、动效库、ui2v、GSAP… | Unclecheng-li/ | 1.5k | — | ~713 | Automated safety check: Pass | MIT | 2 days ago |
| 12 | 生成 PPT 风格的翻页 HTML 演示动画，支持暗色炫酷、暖色报纸、简约白色等多套主题，适合视频科普、技术讲解场景. An agent skill from Unclecheng-li/AI_Animation. | Unclecheng-li/ | 1.5k | — | ~397 | Automated safety check: Pass | MIT | 2 days ago |
Questions, answered from the data.
What is the best skill in Unclecheng-li/AI_Animation?
Archify Diagram Builder from Unclecheng-li/AI_Animation ranks first of the 12 skills in Unclecheng-li/AI_Animation listed here, with the highest score: its repository has 1.5k GitHub stars, 2 other GitHub owners carry a copy, its SKILL.md loads about 4.1k tokens and it passes the automated safety check with no findings. Next come Video Shot Demo Pages and Card Theater.
Are the skills in Unclecheng-li/AI_Animation official?
None yet. All 12 skills in Unclecheng-li/AI_Animation listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How do I install all skills from Unclecheng-li/AI_Animation?
Run npx skills add Unclecheng-li/AI_Animation in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.