mg-styles-15：15 支动态设计短片全公开，Claude Opus 5.5 纯代码拍片

动态设计（motion graphics）风格参考难找：找到喜欢的片子，看不到提示词，更看不到源码。Vincentwei1021 开源的 mg-styles-15（MIT，截至 2026-11-05 有 3,100 星）把这件事做成全公开的参考库：15 种 MG 风格、每种一支 10 秒成片，从逐帧赛璐璐动画到 9:16 综艺剪辑——每一支都附风格说明、完整提示词与全部源码，官网可带声音逐支在线观看。最特别的设定是：所有画面与音乐都由 Claude Opus 5.5 写代码生成，没有用任何图像或视频生成模型。

核心功能

• 画面即代码：SVG、Canvas、WebGL、Three.js 写出画面与动画，3D 那支用 Blender；少数片子用到 CC0 或公有领域照片素材。
• 声音也是代码：每支片的 audio.py 合成自己的音乐与音效，15 条配乐共用到 103 个实录乐器采样。
• 全量公开：影片、风格说明、完整提示词、全部源码四件套齐备，看中哪个风格直接抄作业。
• 风格跨度大：从逐帧赛璐璐到综艺花字剪辑，15 种风格按动态设计谱系覆盖，选型即参考。
• 在线预览：GitHub Pages 站点带声音逐支播放，不用克隆仓库就能看全。

典型使用场景

• MG 动画师的风格库：接活前先在这里找参照，风格说明与提示词能直接改造成自己的 brief。
• AI 编程拍片的教材：每支片的「提示词 → 源码 → 成片」对照就是最直白的教学案例。
• 内容团队的风格选型：给口播或产品片定调前，15 种风格先过一遍。

快速上手

git clone https://github.com/Vincentwei1021/mg-styles-15.git

或直接打开 vincentwei1021.github.io/mg-styles-15 在线观看；选中风格后取其提示词丢给 Claude Opus 5.5 复现，源码就在仓库里逐行可读。仓库同时给了每支片的风格说明，改配色、换节奏的思路都写在明面上，抄完作业想自创风格也有迹可循。

小结

mg-styles-15 适合动态设计师、用 AI 拍片的创作者和想研究「纯代码生成影片」的工程师；要写实画面或长片叙事的不对口——15 支全是 10 秒的 MG 风格试验。要点与边界：MIT、Python（音频合成）加前端图形栈；影片由 Claude Opus 5.5 生成，复现效果会随模型版本浮动；3D 那支依赖 Blender，本地重渲需要对应环境。它是本站写过的 MotionGit（72 模板的 .motion 工程）生态的延伸——MotionGit 给模板与管线，这个仓库给风格参照与提示词，两者合起来就是一条「风格选型 → 工程产出」的 MG 生产线。