ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

不会写代码也能做 AI 动画视频?awesome-opus5-5-videos 完整指南,10 分钟复刻第一条

不会写代码也能做 AI 动画视频?awesome-opus5-5-videos 完整指南,10 分钟复刻第一条

不会写代码也能做 AI 动画视频?awesome-opus5-5-videos 完整指南,10 分钟复刻第一条

【免费下载链接】awesome-opus5-5-videosA growing collection of viral videos made with Claude Opus 5.5 and the prompts behind them. Watch each original next to a live remake on Skillry. Updated regularly.项目地址: https://gitcode.com/gh_mirrors/aw/awesome-opus5-5-videos

awesome-opus5-5-videos 收录 475 条用 Claude Opus 5.5 生成的 AI 动画视频及其原始 Prompt。你不需要会编程:挑一条提示词喂给模型,让它输出单文件 HTML,浏览器一打开,就是你的第一条作品。这篇带你把「选提示词 → 让 AI 渲染 → 浏览器播放」走通,全程不用写一行代码。

10 分钟后你手里会拿到什么

一个.html文件,双击用浏览器打开,动画自动播放。时长跟所选提示词走,示例里是 15 秒。

开工前你只准备三样:

  1. 一个能调用 Claude Opus 5.5 的入口——Claude 官方 App、Claude Code,或任何跑 Opus 5.5 的 Agent 都行;
  2. 一个现代浏览器(Chrome、Edge、Safari 均可);
  3. 把仓库克隆到本地,方便随时翻提示词:
git clone https://gitcode.com/gh_mirrors/aw/awesome-opus5-5-videos

完成判断:克隆后本地出现prompts/和data/两个目录,就算成功;报错就检查 git 是否装好、网络是否通。

为什么零代码也能做到

先说清机制,你就明白门槛为什么这么低:

  • 这些视频本质都是AI 用代码写出来的动画,用 Canvas(浏览器里画图的画布)、SVG(矢量图形)、Three.js(3D 渲染库)这类技术实现;
  • 你只描述想要什么,写代码的活交给 AI,所以不懂这些技术也能出片;
  • 单文件 HTML 自带样式和脚本,双击就能播,是门槛最低、也是仓库里多数作品的输出形式。

有一步别省:如果只说「做个视频」而不指定输出成单独 HTML 文件,AI 可能回给你零散的文件,或还得额外环境才能跑的东西。所以那句「渲染成单独 HTML」是整套流程里最省心的关键。

仓库把作品分四类,可按兴趣挑起点(这是 README 精选 100 条的分布):

  • Motion graphics(动感图形)58 条
  • Explainers(解释类动画)16 条
  • 3D scenes(3D 场景)14 条
  • Games & interactive(游戏 / 互动)12 条

机器可读的完整数据(作者、分类、技术标签、提示词)都在 data/videos.json,可按category和tech_tags筛选。

挑选第一条 Prompt 的标准

打开 prompts/ 目录,里面每个.md文件对应一条视频提示词,文件内还标了分类和技术栈。新手选「短而直接」的,成功率高、见效快。

两条可以直接抄的:

prompts/deedydas-252537.md:为一家做推理服务(inference)的现代初创公司,做一个时髦、利落、有冲击力的视频。

prompts/emollick-019567.md:做一个解释「递归」的视频,每一层解释都用截然不同的视频风格,要求自指、巧妙、节奏快。

完成判断:你能在选中的文件里找到## Prompt小标题下方那段文字,这条就可用了。拿不准就回 data/videos.json 按分类和技术标签再筛一遍。

复制提示词并渲染出 HTML 的完整操作

  1. 打开选中的提示词文件,把## Prompt下方整段复制。判断:剪贴板里是完整提示词,不是半截。
  2. 粘贴进 Claude Opus 5.5 对话框,末尾追加一句:「请将结果渲染为一个单独的 HTML 文件。」判断:AI 开始生成。
  3. 等生成完,把输出的 HTML 存到本地,比如my-video.html。判断:本地能看到这个.html文件。
  4. 双击用浏览器打开,动画会自动播放。判断:画面动起来就算成了;若空白或报错,回第 2 步让 AI 在上一版基础上微调(配色、节奏、换主题),别从头再来。
  5. 想留个视频文件?用系统自带录屏(Windows 的 Xbox Game Bar、macOS 的录屏快捷键)录 15 秒即可。

整条路径通常 10 分钟内走完🎬

常见误区与边界

  • 以为只能照抄——每条提示词都能改主题。把「动效作品集」换成「公司宣传片」「产品发布动画」,就是一条属于你的新片。
  • 以为必须会编程——核心动作就是粘贴提示词 + 打开 HTML,写代码的活 AI 包了。
  • 提示词不完整——个别创作者只公开了部分提示词,文件里会标prompt_partial;把已有描述当风格参考,让 AI 帮你补全即可。
  • 想看更多——prompts/ 目录 是全部 475 条的入口,README 还按分类精选了 100 条代表作品,值得翻一遍找灵感。

现在就动手

打开 prompts/deedydas-252537.md,把那段提示词复制进 Claude Opus 5.5,末尾加上「渲染为单独 HTML 文件」,做出你的第一条 AI 动画视频。

【免费下载链接】awesome-opus5-5-videosA growing collection of viral videos made with Claude Opus 5.5 and the prompts behind them. Watch each original next to a live remake on Skillry. Updated regularly.项目地址: https://gitcode.com/gh_mirrors/aw/awesome-opus5-5-videos

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进