Dlazy Motion Graphics
用Remotion代码制作动态图形与文字动画
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Dlazy Motion Graphics。 它的用途是：用Remotion代码制作动态图形与文字动画 完整的 Skill 内容见：https://321skill.com/skills/dlazy-motion-graphics-x-6/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'用 Dlazy Motion Graphics 创建一个数据驱动的动态信息图，展示公司季度营收增长，包含柱状图动画和文字标题。' 它会生成一个 Remotion 组件，包含数据绑定、动画过渡和导出配置，你只需运行 npm run build 即可输出视频。
介绍
【解决什么问题】Dlazy Motion Graphics 让你用代码（Remotion）创建动态图形、动态文字、动画信息图、解释性动画等，无需传统视频剪辑软件。它解决了视频制作中无法版本控制、难以复用、与数据脱节的问题，让动画与代码工作流无缝衔接。
【怎么用】你只需编写 React 组件，使用 Remotion 提供的 API 定义时间线、形状、文字、数据绑定等，即可生成高质量动画视频。支持导出为视频文件或嵌入网页。你可以将动画逻辑封装为可复用的组件，通过参数控制内容与样式，快速迭代。
【适合谁】适合内容创作者、视频剪辑师、营销专员等需要批量制作宣传短片、文字动画、数据可视化视频的用户。尤其适合有前端开发基础（React/JavaScript）的团队，希望将动画纳入开发流程的工程师。
【使用建议】建议先熟悉 Remotion 基础语法，从简单文字动画开始。注意代码中动画的时长和帧率设置，导出时根据需要调整分辨率。可结合数据 API 实时生成动态信息图，但需确保数据源安全。
核心特点
相比传统视频编辑软件或 Canva 等工具，Dlazy Motion Graphics 完全基于代码，支持版本管理、组件复用、数据驱动动画，可无缝集成到 CI/CD 流程中批量生成视频。
注意事项
不适合零编程基础的用户，需要掌握 JavaScript/TypeScript 和 React 基础，且需安装 Node.js 和 Remotion 环境。
常见问题
这个 Skill 需要编程基础吗？
是的，需要 JavaScript/TypeScript 和 React 基础，以及了解 Remotion 的基本概念。
能导出什么格式的视频？
可以导出 MP4 视频文件，支持自定义分辨率、帧率和时长。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/dlazy-motion-graphics-x-6/raw/index.md 读取 Dlazy Motion Graphics 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/dlazy-motion-graphics-x-6/raw/index.md（查看排版版本）