动态图形靠脚本生成，不靠时间轴
描述你想要的那一刻——标题揭示、数据动画、logo 片尾。OpenDesign 用你的品牌系统组合动画帧并渲染成视频，不需要动态图形套件。
一句话
OpenDesign 把脚本变成贴合品牌的动画帧，由 agent 渲染成短视频——从 HTML 组合、在 repo 里版本化、不用学时间轴编辑器。
用 OpenDesign 做动效的流程
- 01
描述那一刻
说清要发生什么——"一个故障感标题化解成我们的 logo，然后一张结尾卡"。agent 加载动效 skill，产出动画帧而不是静态图。
- 02
套用品牌与动效风格
OpenDesign 提供帧模板——电影感漏光、故障标题、logo 片尾——并套用你的颜色和字体，让动效看起来是有意为之、贴合品牌。
- 03
把帧渲染成视频
帧在 HTML 里组合并渲染成视频，时序和布局精确可复现——不用在时间轴上手动打关键帧。
- 04
迭代并导出
靠跟 agent 对话来改——"放慢标题揭示、加一行字幕"。导出短视频用于社交或产品。源文件留在你的项目里。
你能做出哪些动效
故障艺术标题帧
数字故障 / 像散偏移 / 数据腐败标题, 适合视频转场 / cyberpunk hero
胶片漏光电影帧
胶片漏光 + 颗粒噪点 + 16:9 letterbox + 衬线大字, 电影感开场 / 章节卡
流体背景 Hero 帧
WebGL 风流体置换背景 + 顶部叠加金句, 适合视频片头 / landing hero / 海报
品牌 Logo 收尾帧
Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕
短视频
短视频生成技能 — 3-10 秒产品展示、动态预告和环境循环片段。默认使用 Seedance 2，也兼容 Kling 3 / 4、Veo 3 或 Sora 2。输出单个 MP4 文件至项目文件夹。当工作区同时提供交互视频/超帧技能时，建议将多个短镜头组合成单一时间线，而非一个冗长片段。
真人版动漫改编：水之呼吸与雷之呼吸对决
生成动漫风格真人对决场景的详细提示词，展现「水之呼吸」（蓝色水龙）与「雷之呼吸」（金色闪电）的 15 秒战斗画面。
用 OpenDesign 做动效 vs. 老办法
| 你需要什么 | 用 OpenDesign | After Effects / 动效套件 |
|---|---|---|
| 从脚本到动画帧 | 一句话，agent 组合整段序列 | 在时间轴上一个个手打关键帧 |
| 保持贴合品牌 | 帧模板 + 你的颜色和字体 | 每个项目重建品牌样式 |
| 精确可复现的时序 | 在 HTML 里组合、确定性渲染 | 手动拖拽，难以复现 |
| 导出用于社交 | 短视频渲染成片 | 导出预设和编码格式折腾 |
| review 与版本化 | 帧源文件在 repo 里，可 diff | 二进制工程文件，无法真正 diff |
| 成本与锁定 | 开源、自带密钥、本地运行 | 昂贵套件、陡峭学习曲线 |
下面是从 prompt 渲染出的真实动画帧和短片。挑一个接近你想法的，描述动效。
视频常见问题
-
01 需要 After Effects 或动效套件吗？
不需要。OpenDesign 在你的编码 agent 里用 HTML 组合动画帧并渲染成视频。没有时间轴编辑器要学或要授权。
-
02 这适合做什么视频？
短视频动效——标题卡、数据动画、logo 片尾、社交短片。它为品牌和产品动效而生，不是做长片剪辑。
-
03 时序可复现吗？
可以。因为帧是用代码组合、确定性渲染的，每次结果一致，还能用一句 prompt 精确调整。
-
04 可以用哪些 agent？
Claude Code、Codex、Cursor Agent、Gemini CLI 等一方适配，自带 provider 密钥。
今晚就把下一个想法做成动效
给 repo 点个 star、装上 OpenDesign，把一份脚本变成动效——在你本来就用的 agent 里。