charlie947/motion-graphics-skills

这是什么？

核心功能

• 01完全用代码生成动态图形和视频，无需 After Effects。
• 02将品牌色、字体和动效规则保存在 brand.md 与 MOTION.md 中以便复用。
• 03提供发布视频、讲解视频、动态图表和里程碑动画等技能。
• 04可导出 MP4 及 1080 x 1920 竖版格式，适配 Reels 和 TikTok。
• 05支持 Claude Code 与 Codex，通过简单命令即可安装。

适用场景

• 无需动效设计师或视频软件，制作产品发布视频。
• 为图表或数据序列添加动画，并保持每个数值与原始输入一致。
• 将已有片段制作成竖版社交媒体视频。
• 把新闻通讯封面制作成无缝循环的 GIF。

快速上手

1. 1

   用 npx 安装技能包

   npx skills add charlie947/motion-graphics-skills
2. 2

   打开 Claude Code 并选择 Opus 5.5 模型

   /model
3. 3

   先运行 brand-intake 以设置品牌文件

使用前须知

• !构建动画需要 Claude Code 及 Opus 5.5 模型。
• !导出 MP4 需要另外安装 HyperFrames 技能，或使用 ffmpeg 加 Chrome。

标签

常见问题

motion-graphics-skills 是什么？

一套 Claude Code 技能包，用代码生成动态图形和发布视频，无需 After Effects。 这是一套面向 Claude Code 的技能包，让 Claude 通过编写代码来制作动态图形、发布视频、动画图表和短视频。每一帧都由代码绘制，不依赖 After Effects 或 AI 视频生成工具。技能覆盖完整流程：通过 brand.md 和 MOTION.md 设定品牌色、字体和动效规则，规划创意简报，制作动画，并导出为 MP4 或竖版 Reel 格式。

motion-graphics-skills 可以免费使用吗？用的什么许可证？

motion-graphics-skills 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

motion-graphics-skills 还在维护吗？

活跃维护中。motion-graphics-skills 最近一次提交是在 2026年10月11日。

motion-graphics-skills 适合用来做什么？

无需动效设计师或视频软件，制作产品发布视频。 为图表或数据序列添加动画，并保持每个数值与原始输入一致。 将已有片段制作成竖版社交媒体视频。 把新闻通讯封面制作成无缝循环的 GIF。

motion-graphics-skills 怎么安装和运行？

用 npx 安装技能包: npx skills add charlie947/motion-graphics-skills 打开 Claude Code 并选择 Opus 5.5 模型: /model 先运行 brand-intake 以设置品牌文件

在哪里获取 motion-graphics-skills？

源代码和安装说明在 GitHub 上：https://github.com/charlie947/motion-graphics-skills