Skill 与 AgentSKILLS & AGENTS· CLAUDE-SKILL
Unclecheng-li/AI_Animation
做视频或演示的人可用这套提示词，让编程助手生成演示文稿动画、流程图、手机界面演示等网页。For creators and educators, a pack of AI prompts that turn ideas into animated HTML pages for demos, decks, and videos.
根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
生成PPT风格翻页演示动画
把网络协议画成动态图解
将口播稿做成瑞士风分镜演示
制作手机录屏风格的产品演示
把技术内容变成手写笔记网页
Turn a script into a PPT-style animated HTML deck.
Visualize TCP three-way handshakes as animated diagrams.
Create a handwritten-style HTML note page for study material.
Build phone-UI demo clips for product feature walkthroughs.
Make data-card animations timed to a voiceover.
上手GET STARTED
npx skills add https://github.com/Unclecheng-li/AI_Animation选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
需检查Needs review
静态扫描STATIC SCAN
01控制浏览器Controls a browserskills/opus-video-skills/SKILL.md
上游 MIT；`painted-animation` 引擎/指南及 `kinetic-reel` 渲染器包含 John Heibel 的 [ClaudeAnimationBase](https://github.com/JohnHeibel/ClaudeAnimationBase
静态扫描发现中等级风险：上游组件包含可控制浏览器的代码（源自 John Heibel 的 ClaudeAnimationBase），请在使用前审查相关渲染器。仅核验官方页面，未审计服务端代码；数据处理和费用以官网为准。The static scan flagged a medium note about browser control, traced to upstream MIT code; the painted-animation guide and kinetic-reel renderer also include John Heibel's ClaudeAnimationBase. Worth a careful review before you run generated pages.
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
27 OCT 202627 OCT 2026
增长GROWTH
+2.2%+2.2%
1.7k → 1.7k stars · 6 个快照1.7k → 1.7k stars · 6 snapshots
状态STATUS
持续活跃Active
仓库近期仍在更新，最近 7 天有提交，且收录了 40 个可直接安装的 Skill，覆盖 PPT 动画、流程图、网络协议可视化等常见创作场景。Over 1,600 stars and a commit in the last week show active use.
{
"agents": [
{
"agent": "claude-code",
"evidence": "readme: …### 项目简介 本仓库是基于 WorkBuddy / Claude Code / Cursor 等 AI Agent 的**动效 Ski…"
},
{
"agent": "codex",
"evidence": "readme: …/skills/<name>/` | ✅ 兼容 | | **Codex CLI** | `.codex/skills/<name>/` |…"
},
{
"agent": "gemini-cli",
"evidence": "readme: …/skills/<name>/` | ✅ 兼容 | | **Gemini CLI** | extension manifest | ✅ 兼容…"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 8,
"ai-tools": 5,
"dev-tools": 0,
"indie-web": 0,
"skill-agent": 5,
"productivity": 0
},
"primary": "skill-agent",
"secondary": "claude-skill"
},
"localRuntime": "LSTM / GRU / MLP / Word2Vec / GPU） - 暗色科技风：深色背景 + 蓝/紫/橙渐变节点 + 发光效果 - 连接线流",
"skillMdTotal": 99,
"skillMdErrors": [
{
"path": "skills/ui2v-motions/01_动效库/itelmn/hero-avatar-stack/SKILL.md",
"error": "no frontmatter"
},
{
"path": "skills/ui2v-motions/01_动效库/itelmn/hero-badge-earn/SKILL.md",
"error": "no frontmatter"
},
{
"path": "skills/ui2v-motions/01_动效库/itelmn/hero-barcode-scan/SKILL.md",
"error": "no frontmatter"
},
{
"path": "skills/ui2v-motions/01_动效库/itelmn/hero-battery-charge/SKILL.md",
"error": "no frontmatter"
},
{
"path": "skills/ui2v-motions/01_动效库/itelmn/hero-blueprint-draw/SKILL.md",
"error": "no frontmatter"
},
{
"path": "skills/ui2v-motions/01_动效库/itelmn/hero-book-open/SKILL.md",
"error": "no frontmatter"
},
{
"path": "skills/ui2v-motions/01_动效库/itelmn/hero-calendar-flip/SKILL.md",
"error": "no frontmatter"
},
{
"path": "skills/ui2v-motions/01_动效库/itelmn/hero-card-flip3d/SKILL.md",
"error": "no frontmatter"
},
{
"path": "skills/ui2v-motions/01_动效库/itelmn/hero-chat-bubbles/SKILL.md",
"error": "no frontmatter"
},
{
"path": "skills/ui2v-motions/01_动效库/itelmn/hero-checklist-pop/SKILL.md",
"error": "no frontmatter"
}
],
"treeTruncated": false,
"categoryScores": {
"data": 1,
"agent": 0,
"media": 2,
"design": 11,
"browser": 0,
"devtool": 0,
"security": 0,
"marketing": 0,
"productivity": 6
},
"classification": [
{
"signal": "20 SKILL.md with name + description",
"weight": 0.95
},
{
"signal": "skills/ directory with 1702 markdown files",
"weight": 0.75
},
{
"signal": "README describes a Claude / Agent Skill",
"weight": 0.7
},
{
"signal": "description mentions AI",
"weight": 0.2
}
],
"scannedSources": [
"readme",
"skills/card-theater/SKILL.md",
"skills/code-mv-render/SKILL.md",
"skills/dynamic-archify/SKILL.md",
"skills/flowchart/SKILL.md",
"skills/hyperframes/SKILL.md",
"skills/lemo-opuscar/SKILL.md",
"skills/network-protocol-viz/SKILL.md",
"skills/opus-video-skills/SKILL.md",
"skills/phone-ui-demos/SKILL.md",
"skills/ppt-animation/SKILL.md",
"skills/scholar-notes/SKILL.md",
"skills/stacked-data-cards/SKILL.md",
"skills/swiss-shot-demos/SKILL.md",
"skills/swiss-shot-demos/assets/chart-skills/archify/SKILL.md",
"skills/swiss-shot-demos/assets/chart-skills/diagram-design/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/canopy-part-title/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/code-slice-hero/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/cuboid-carousel/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/frost-sequence-camera-orbit/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/glass-shard-title/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-avatar-stack/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-badge-earn/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-barcode-scan/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-battery-charge/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-blueprint-draw/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-book-open/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-calendar-flip/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-card-flip3d/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-chat-bubbles/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-checklist-pop/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-compass-spin/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-constellation/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-counter-rise/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-deploy-pipeline/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-dial-gauge/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-diff-highlight/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-film-countdown/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-flip-clock/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-folder-expand/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-form-validate/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-glass-panel/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-glass-refract/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-grid-ripple/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-heatmap-pulse/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-horizon-scan/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-ink-bloom/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-invoice-total/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-kanban-move/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-keymap-press/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-liquid-blob/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-loader-morph/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-lockup-sting/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-map-route/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-metro-tick/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-neon-pulse/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-neon-sign/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-orb-pulse/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-orbit-nodes/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-otp-fill/SKILL.md",
"skills/ui2v-motions/01_动效库/itelmn/hero-password-meter/SKILL.md"
],
"skillMdFetched": 60
}