Dlazy Motion Graphics
用Remotion代码制作动态图形和文字动画
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Dlazy Motion Graphics。 它的用途是：用Remotion代码制作动态图形和文字动画 完整的 Skill 内容见：https://321skill.com/skills/dlazy-motion-graphics/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'用Remotion制作一个5秒的产品宣传片，开头显示公司Logo，中间滚动展示三个核心卖点文字，最后显示官网URL。' 它会生成一个React组件，包含时间轴、动画渐变和字体样式，并自动渲染为MP4视频文件。
介绍
在制作动态图形、文字动画、信息图表和解释性视频时，传统视频编辑工具往往需要手动拖拽关键帧，难以实现自动化批量生产。这个Skill基于Remotion框架，让你能用React组件的方式编写视频，通过代码控制动画、文字、形状、数据等元素，一次编写即可生成任意时长、任意分辨率的视频，并轻松集成到持续集成或自动化工作流中。
使用方式非常直接：你只需用自然语言描述想要的动画效果，例如“创建一个3秒的Logo放大淡入动画”或“生成一个展示季度销售数据的气泡图信息图表”，这个Skill会将其转化为Remotion代码，并自动渲染出最终视频文件。你可以修改样式、调整时间轴、复用已有组件，就像写React组件一样灵活。
适合需要高频产出视频素材的内容创作者、视频剪辑师，以及希望将视频生成集成到开发流程中的前端开发者。如果你已经熟悉React或JavaScript，学习成本极低；如果你是非技术人员，也可以通过自然语言描述需求来使用，但需要一定的调试耐心。
建议在开始前安装Node.js和FFmpeg环境，以确保渲染流畅。由于视频渲染依赖本地计算资源，复杂动画或超长视频可能需要较长时间，建议先测试短片段。另外，本Skill仅支持Remotion生态内的效果，无法直接使用After Effects插件或第三方特效。
核心特点
与通用的视频生成工具不同，Dlazy Motion Graphics完全基于Remotion代码，将动画抽象为可复用的React组件，支持版本控制、自动化测试和CI/CD集成，适合工程化视频生产场景。
注意事项
不适合需要复杂三维特效、实时直播推流或非代码类视频编辑需求，且渲染性能受本地GPU限制。
常见问题
需要什么前置知识？
需要了解基本的JavaScript和React语法，对视频时间轴概念有一定认知即可。非技术人员可通过自然语言描述使用，但建议先学习简单示例。
能否导出4K视频？
可以，Remotion支持任意分辨率，只需在配置中设置宽高和帧率，即可导出4K甚至更高分辨率视频，但渲染时间会相应增加。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/dlazy-motion-graphics/raw/index.md 读取 Dlazy Motion Graphics 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/dlazy-motion-graphics/raw/index.md（查看排版版本）