Dlazy Motion Graphics
用代码生成动态图形与文字动画
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Dlazy Motion Graphics。 它的用途是：用代码生成动态图形与文字动画 完整的 Skill 内容见：https://321skill.com/skills/dlazy-motion-graphics-x-5/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'用Remotion生成一个5秒的kinetic typography动画，文案为“新功能上线”，字体粗体，颜色从蓝到紫渐变，每个字依次放大落下。' 它会输出完整的React/Remotion组件代码，包含时间轴、缓动函数和样式，并指导运行 `npx remotion render` 导出视频。
介绍
解决什么问题：传统动态图形制作依赖 After Effects 等可视化工具，手动操作耗时且难以复用，团队协作时版本管理和参数调整效率低。本 Skill 将动态图形创作转化为 Remotion 代码，允许你通过编程方式定义动画逻辑，实现精准控制、批量生成和自动化集成。
怎么用：安装后，在 AI 对话中描述你的动画需求，例如“制作一个 5 秒的 kinetic typography 视频，标题为‘产品发布’，背景渐变色，文字由左向右逐个弹出”，AI 会生成对应的 Remotion 组件代码，包含时间轴、缓动函数、图层管理等，并指导本地运行和导出。你也可以传入数据（JSON/CSV）生成数据驱动的信息图表动画，或复用已有的 Logo 资产。
适合谁：内容创作者、视频剪辑师、前端开发者以及需要批量制作宣传短片、社媒视频、解释性动画的团队。如果你熟悉 JavaScript/React，可以进一步定制动画效果；即使不熟悉代码，通过 AI 的自然语言描述也能快速产出成品。
使用建议：建议先明确动画的时长、分辨率、关键帧节奏，再向 AI 描述；对于复杂交互（如用户点击触发动画）或需要 3D 渲染的场景，请评估此 Skill 的适用性。导出视频前可在本地预览，避免渲染错误。
核心特点
区别于传统 AE 模板或在线工具，此 Skill 基于 Remotion 代码生成，动画逻辑完全可编程、可版本控制，且能直接嵌入到 CI/CD 或数据管道中，实现自动化内容生产。
注意事项
不适合需要复杂 3D 特效、粒子系统或非编程美术人员直接使用，且依赖本地 Node.js 环境及 Remotion 渲染配置。
常见问题
这个 Skill 需要安装什么依赖？
需要 Node.js 18+、FFmpeg 以及 Remotion 核心库，AI 会在生成代码时提示具体安装命令。
可以导出为 GIF 或 MP4 吗？
可以，Remotion 支持导出为 MP4、WebM、GIF 等格式，通过产出的代码运行渲染命令即可。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/dlazy-motion-graphics-x-5/raw/index.md 读取 Dlazy Motion Graphics 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/dlazy-motion-graphics-x-5/raw/index.md（查看排版版本）