Diagram Animation
iart-ai/explainer-video-skills/skills/diagram-animation作者 iart-ai3e2d411b725d9a72939cf8e5eb81579e751373e7无许可证收录于 2026年10月9日更新于 2026年10月9日
This skill should be used when the user asks to "animate this diagram", "build a flowchart that reveals step by step", "animate an architecture/sequence diagram", "make a chart animate in", "grow the bars / draw the line / count up the number", "show data flowing along a connector", or "turn a static diagram into a guided reveal". Covers SVG, Framer Motion, D3, and Remotion.
仅公开文件列表。将技能安装到工作区后即可查看文件内容。
| 路径 | 大小 | 类型 |
|---|---|---|
| README.md | 0 B | text/markdown |
| references/diagram-and-chart-recipes.md | 9.1 KB | text/markdown |
| SKILL.md | 8.3 KB | text/markdown |
来源与署名
来源：iart-ai/explainer-video-skills位于skills/diagram-animation提交3e2d411
许可证： 无许可证
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 iart-ai/explainer-video-skills 的技能
Wrapped Video
iart-ai
使用 Remotion 将数据表转化为 Spotify Wrapped 风格的个性化年度回顾视频，并支持批量渲染。
Whiteboard Animation
iart-ai
制作白板手绘动画：让马克笔手势沿 SVG 路径逐笔绘制，最终交付一个可独立打开的 HTML 文件。
Isometric Animation
iart-ai
以独立 HTML 构建等距 2.5D 动画场景，可用 CSS 3D、SVG 或 Three.js。
Explainer Video
iart-ai
指导制作 30–90 秒带旁白的解说视频全流程，从脚本、分镜到带字幕的 MP4 成片。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套预设配色与字体主题，并可即时生成新主题，用于为幻灯片、文档、报告和 HTML 页面统一风格。
Slack Gif Creator
anthropics
为 Slack 创建尺寸与体积经过优化的动画 GIF，提供 PIL 绘图辅助、缓动函数与校验工具。
Frontend Design
anthropics
在构建或改造用户界面时，提供打造独特、有意图的视觉设计的指导。
Canvas Design
anthropics
依据写好的设计理念创作原创视觉艺术，输出 PNG 或 PDF，适用于海报、艺术作品等静态成品。
Brand Guidelines
anthropics
将 Anthropic 官方品牌配色与字体应用到需要体现 Anthropic 外观风格的各类产物上。
Frontend Design
anthropics
指导智能体为新界面或改版界面进行独特、有意图的视觉设计。