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-3/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我把这份季度销售数据用动态柱状图展示出来，并加上飞入的文字标题。’，它会调用Dlazy Motion Graphics中的图表动画组件和数据绑定函数，生成一段展示数据趋势的动态信息图视频。或者，
对AI说：‘为我的产品制作一个10秒的Kinetic Typography（动态排版）开场动画。’，它会组合文字动画组件，编排字符逐个出现、缩放和移动的序列，输出为视频文件。
介绍
Dlazy Motion Graphics Skill 解决了视频制作中动态图形、文字动画和讲解动画的代码化创作需求。它允许开发者或设计师通过编写React/TypeScript代码来生成高质量的视频内容，将创意直接转化为可编程的动画逻辑。
使用该Skill时，你可以导入其提供的组件和动画函数，在Remotion项目中定义场景、动画序列和动态数据绑定，最终渲染输出为视频文件。它封装了常见的MG（Motion Graphics）动画模式，简化了从代码到视频的流程。
该Skill非常适合有一定前端基础，希望用代码高效、可复用地产出宣传短片、信息图动画、动态字幕等内容的前端开发者、全栈开发者和内容创作者。对于需要批量生成或数据驱动动画的场景尤为有用。
使用建议：建议用户先熟悉Remotion框架的基本概念。由于动画效果完全由代码控制，在追求复杂视觉设计时可能需要较强的CSS和动画编排能力。注意，它生成的是视频文件，而非实时交互的Web动画。
核心特点
与同类动态图形工具（如AE表达式、Lottie）相比，它将动画创作完全置于代码开发流程中，支持版本控制、数据驱动和自动化批量生成，实现了动画资产的“基础设施即代码”。
注意事项
不适合需要复杂非线性编辑、实时预览或完全无代码操作的传统视频剪辑场景。
常见问题
Dlazy Motion Graphics 和 After Effects 有什么区别？
AE是可视化设计软件，而Dlazy是基于代码（Remotion）的动画库，更适合集成到开发流程，实现动画的自动化、数据驱动和版本管理。
需要会编程才能用吗？
是的，需要具备基础的JavaScript/TypeScript和React知识，因为动画是通过编写组件和逻辑代码来定义的。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/dlazy-motion-graphics-x-3/raw/index.md 读取 Dlazy Motion Graphics 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/dlazy-motion-graphics-x-3/raw/index.md（查看排版版本）