榜单 #39 · Stars 6775 · License MIT
别人用一句提示词做出粒子动画、3D场景和互动网页，你却只能盯着成片猜它是怎么生成的。awesome-opus5-5-videos 把 703 个提示词和 418 个在线复刻案例集中起来，让你先看效果，再复制提示词交给自己的 agent 重做。
彩色动态图形组成的动画预览画面。
先看成片再抄提示词
awesome-opus5-5-videos 收集的是用 Claude Opus 5.5 做出来的动画作品，以及创作者公开的提示词。每个案例都不是孤零零的一张效果图，而是把作品预览、提示词文件和创作者原始帖子连在一起。你可以先按画面判断它是不是自己想要的方向，再打开对应的 prompt 文件研究输入内容。对于刚开始让 AI 写网页动画的人，这种顺序比先学一堆 Canvas 或 SVG API 更容易上手。想做一个产品介绍动画、概念演示页或社交媒体视觉片段时，直接从相近案例改起来，通常比面对空白输入框更快进入状态。
展示多层动态视觉效果的作品预览。
四类作品按用途挑
仓库把案例分成 Motion graphics、Explainers、3D scenes、Games & interactive 四类，浏览时可以先按任务找，而不是从头翻到尾。Motion graphics 里有大量动态图形和视觉效果，适合寻找片头、宣传页或背景动画的参考；Explainers 更适合把抽象概念变成连续的画面。需要空间感时，可以从 3D scenes 里找场景和镜头方向；如果希望结果能够点击、操作或响应输入，则可以优先看 Games & interactive。当前目录中对应展示了 58 个动态图形、16 个解释动画、14 个 3D 场景和 12 个游戏与互动案例。分类的意义不只是整理得好看，而是帮你在有明确目标时少走几轮无效尝试。
提示词和技术标签一起看
每个条目下面还会标出实现方向，例如 Canvas、SVG、GSAP、Three.js、GLSL、WebGL、Web Audio 等。你不需要一开始就把这些技术全部弄懂，但可以借标签判断一个案例更接近哪种网页效果。想模仿平滑的矢量转场，可以优先查看 SVG 和 GSAP 组合；希望做粒子、光效或更强的空间画面，则可以从 GLSL、WebGL 或 Canvas 案例入手。对开发者来说，这比只收藏一张视频截图更有用，因为你能同时看到视觉结果和可能的代码表达方式。复制提示词之后，还可以把原来的主题、颜色、文字、粒子数量或交互目标替换掉，让案例从“别人的成片”变成自己的实验起点。
418个案例在线对照
项目提供了 418 个带有 Skillry 实时复刻的案例，可以在在线页面中把原作和复刻版本放在一起看。这个并排比较很适合判断一条提示词到底有多大参考价值：如果整体结构已经接近，就可以直接拿去改；如果差异明显，也能看出后续需要补充哪些画面描述。仓库还挑出了 100 个复刻视频，每个对应一个不同的提示词，第一次浏览时可以从这批精选内容开始。你不用先把全部案例下载下来，也不用凭文字想象最终效果，打开页面就能先检查作品是否值得继续研究。对于需要向同事、客户或朋友展示 AI 动画可能性的人，实时复刻也比只展示原作者视频更能说明提示词的可操作程度。
从一条案例改出新作
最实用的用法，是把它当成一个可以反复试验的提示词样本库，而不是单纯的视频收藏夹。先挑一个和目标最接近的案例，复制提示词，再明确告诉 Claude Opus 5.5 要保留哪些运动方式、画面结构或交互逻辑。接着把主题换成自己的内容，例如将解释对象、文案、色彩、场景元素和最终用途重新写一遍，让模型继续生成 HTML、Canvas、SVG 或 Three.js 动画代码。项目最近一次更新加入了 10 个视频，新增内容主要是解释动画和 3D 场景；在更新频繁的情况下，隔一段时间回来看，仍可能找到更接近当前任务的新参考。它尤其适合前端开发者、设计师和效率工具爱好者快速做视觉原型，但不适合被当成传统剪辑软件或现成素材下载站。
怎么装、怎么第一次跑通
这个项目本身是一套在线浏览的案例与提示词集合，不需要先安装本地程序。打开 GitHub 仓库可以查看分类、作品预览和 prompts/ 目录；想看原作与实时复刻的并排效果，可以进入项目提供的 Skillry 页面。
随便打开一个案例，确认页面中能看到视频预览、对应的 Prompt 链接和创作者原始帖子。再复制一条提示词交给自己的 agent，让它生成 HTML、Canvas、SVG 或 Three.js 动画，并在浏览器中打开结果进行对照。
复刻过程需要能够调用 Claude Opus 5.5、并能生成动画代码的 agent；项目本身不提供模型调用环境。
先看清边界
awesome-opus5-5-videos 收集的是 Claude Opus 5.5 生成的代码动画，适合网页视觉、解释动画、3D 场景和互动作品，不是通用的视频剪辑工具。703 个提示词中，目前有 418 个案例带有 Skillry 在线实时复刻；部分条目在没有公开提示词时，会链接到创作者的原始帖子。项目仍在持续更新，案例数量和分类内容会继续变化。
作者寄语
如果你总是刷到别人做出的 AI 动画，却卡在第一句提示词，这个项目很适合拿来破冰。别想着一次看完 703 条，挑一个最接近当前需求的案例，先改出自己的第一版，效果会比收藏更明显。
AI视频 · 提示词 · Claude · 网页动画 · 开源项目
项目地址：https://github.com/yihui-dev/awesome-opus5-5-videos
更多每日开源增速榜，见拾品号导航：https://daohang.bot.cd/daily-brief/
