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-4/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'制作一个3秒的Logo动画，从中心缩放出现，然后上下轻微弹动，用Remotion代码实现，颜色用品牌蓝#1a73e8'。AI会生成一个React组件，包含`<Img>`缩放动画和`<Spring>`弹性效果，你保存后运行`npm run build`即可输出视频。
介绍
本Skill解决传统视频制作中动态图形耗时、难以复用的问题。它让你通过撰写Remotion（React）代码，直接生成动态文字、信息图、解释性动画、Logo动画等，无需打开AE或Premiere，即可获得可版本控制、可精准复用的视频素材。
使用方式：在AI助手中描述你想要的动画效果（如标题缩放、数据图表跳动、Logo旋转），AI会生成完整的Remotion组件代码。你只需将代码保存为项目文件，通过npm run render即可输出视频文件，整个过程完全在代码工作流中完成。
适合内容创作者、视频剪辑师、前端开发者以及需要批量生成视频素材的团队。尤其适合制作产品宣传短片、课程演示、社交媒体视频等场景，能大幅缩短从创意到成片的周期。
建议先了解Remotion的基础概念（如<AbsoluteFill>、<Spring>等），并准备好Node.js环境。本Skill生成的代码可直接嵌入现有Remotion项目，但注意复杂3D或非线性编辑效果仍需专业视频软件。
核心特点
与基于模板或图形界面的动态图形工具不同，本Skill以代码为核心，生成的是可编程、可版本控制、可精确调节的Remotion组件，适合需要批量生产、持续迭代的团队。
注意事项
不擅长处理非代码化的艺术特效（如手绘风格、粒子系统），且需要用户具备基本的React和Node.js知识。
常见问题
需要安装什么依赖才能运行？
需要Node.js 16+和Remotion 4.0+，安装命令：`npm i remotion @remotion/player`。
生成的视频分辨率是多少？
默认1080p，可修改`composition`中的`width`和`height`参数调整。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/dlazy-motion-graphics-x-4/raw/index.md 读取 Dlazy Motion Graphics 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/dlazy-motion-graphics-x-4/raw/index.md（查看排版版本）