awesome-opus5-5-videos 教程：按分类复用提示词并做成 HTML 页面（2026）

推荐链接（推广）：数字严选大约 10 分钟AI 视频Opus 5.5 做视频Claude Code 视频awesome-opus5-5-videos提示词合集HTML 动画

阅读说明

仓库信息查阅日期：2026-10-23；星数、更新时间会变，以仓库页面为准；本文不写价格。

一句话结论

yihui-dev/awesome-opus5-5-videosopen in new window 是一份提示词合集：人们用 Claude Opus 5.5 把动画写成代码，仓库收进作者公开的提示词；没有公开提示词时，保留原帖文字。

适合想按现成提示词，在 Claude Code 里重做一条 HTML 动画的人。README 的用法是选一条、复制提示词、贴进跑着 Opus 5.5 的代理，并要求输出单个 HTML 文件。

仓库信息

截至 2026-10-23，星数、最近推送和创建时间取自仓库元数据，日期为北京时间。

仓库星数最近推送（北京时间）许可创建时间
yihui-dev/awesome-opus5-5-videosopen in new window9,6652026-10-13MITopen in new window2026-09-27

仓库描述是 “A 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.”

根目录是 README.md、LICENSE、data/、prompts/ 和 .gitignore。许可文件开头为 MIT License，版权行是 Copyright (c) 2026 yihui-dev，并要求在副本或实质部分中保留版权声明和许可声明。README 的 Credits 另写：每条视频和提示词属于其创作者；创作者若要改或删一条，可以开 issue。

它能做什么样的视频

README 写明：这些视频都是让 Claude Opus 5.5 把动画写成代码，原文列举 HTML、Canvas、SVG、Three.js and friends。README 没有给出渲染工程的目录或安装步骤。

截至 2026-10-23，README 开篇的数量：

  • prompts/open in new window 和 data/videos.jsonopen in new window 里有 703 条提示词，其中 418 条带 live remake
  • README 正文高亮 100 条重制，并写 one per distinct prompt
  • 每条链到创作者的原帖
  • 2026-10-12：增加 10 条视频，README 写 mostly explainers and 3d scenes
  • 同日另有 285 条提示词，见 README 的 Latest prompts

README 的目录是展示分区，条数是这一页上高亮出来的数量。全量在 data/videos.json 的 category 字段里，四个值对得上这四个栏目。Latest prompts 里的条目仍使用这四个值。

README 栏目页内高亮category全部has_remake 为 truehas_remake 为 false
Motion graphics58motion369229140
Explainers16explainer1166848
3D scenes143d1175661
Games & interactive12interactive1016536
合计100703418285

has_remake 为 false 的 285 条都在 2026-10-12 加入，README 的 Latest prompts 一节展示其中最新的 30 条。

带重制的 418 条在 JSON 里用 tech_tags 标出实现方式，一条可以有多个标签，下表是出现次数。

tech_tags出现次数格子里的用词
canvas267Canvas
svg183SVG
threejs131Three.js
shader92GLSL
gsap86GSAP
css57CSS
audio39Web Audio
playable22Playable
particles17Particles
pixel15Pixel art
webgl9WebGL
physics9Physics
ai-image6AI image

data/videos.json 是一个数组，每条都有这些字段：slug、author、author_url、post_url、category、tech_tags、prompt、prompt_partial、poster_url、skillry_url、added、has_remake。title 出现在上面那 285 条。prompt_partial 为 true 的有 207 条，都在 has_remake 为 true 的条目里；同组里 prompt_partial 为 false 的是 211 条。418 条带重制的记录有 skillry_url；285 条的 skillry_url 为 null。

提示词文件有两种版式。

带重制的文件，一级标题是 “Opus 5.5 video by @作者”，列表里有 Category、Remake built with、Author。查阅过的、prompt_partial 为 true 的文件，在 ## Prompt 前面有一句引用，见过两种：

  • The author shared only part of the prompt.
  • The author didn't publish the full prompt. Below is the text of their original post.

无重制的 285 条在 JSON 里都有 title。查阅过的 prompts/adrianduta96-992248.mdopen in new window 用作品名做一级标题，写 “An Opus 5.5 video by @作者”，并链到带视频的原帖，列表里有 Category 和 Author。这份文件里没有 “Remake built with” 一行。

两种文件都把可用文字放在 ## Prompt 下一个 text 代码块里。README 写：有的作者只分享了提示词的一部分，或只在帖子里描述了结果，文件里会写明。

需要准备什么

README 的 “How to use a prompt” 要求把提示词贴进 Claude Opus 5.5，并写明三个去处：Claude Code、Claude app，或任何跑着 Opus 5.5 的 agent。

README 没有写 Node.js、bun、Python、ffmpeg、Chrome、Playwright 的版本，没有写操作系统，也没有写 API key。仓库里没有 SKILL.md，没有安装脚本。

安装与第一次运行

README 没有克隆或安装命令。第一次使用就是打开一条提示词。原文三步：

1. Open a prompt file and copy the block under **Prompt**.
2. Paste it into Claude Opus 5.5 (Claude Code, the Claude app, or any agent running Opus 5.5).
3. Ask it to render the result as a single HTML file, then record the page if you want a video.

按这三步在本地做的时候：

  1. 从 README 某个栏目的 Prompt 链接进入文件，或在 data/videos.json 里按 category、has_remake、prompt_partial 挑一个 slug，打开 prompts/<slug>.md。目录在 promptsopen in new window。
  2. 先看 ## Prompt 上方有没有引用块。prompt_partial 为 true 时，代码块是提示词片段，或是原帖文字。
  3. 只复制 ## Prompt 下面那个代码块。
  4. 贴进 Claude Code，并要求把结果做成一个 HTML 文件。
  5. 需要视频时，把这个页面录下来。README 停在这一句，没有给出录屏命令或 MP4 导出命令。

在 Claude Code 里用 Opus 5.5 驱动它

在 Claude Code 里用 /model 选 Opus 5.5，详见 Claude Opus 5.5。

这个仓库没有斜杠命令。README 要求把提示词贴进 Claude Opus 5.5，然后让它渲染成单个 HTML 文件。选模型之后，把 prompts/<slug>.md 里 ## Prompt 的代码块贴进会话，并补上 README 第 3 步里的要求：做成一个 HTML 文件。

示例提示词（按 README 写明的用法改写，不是仓库原文）：

下面这段是从 prompts/<slug>.md 里 ## Prompt 的代码块原样抄出来的。请按这段文字生成一个 HTML 文件。用原文点名的做法；原文没有点名时，用 HTML、Canvas、SVG 或 Three.js。整个结果放在这一个文件里。

<在这里粘贴 Prompt 代码块>

请读 data/videos.json 里 slug 为 <slug> 的记录，并打开同名的 prompts/<slug>.md。如果 prompt_partial 是 true，或文件在 Prompt 标题前写了作者只分享了部分提示词、或下面是原帖文字，先说明原文不完整，再只用已有文字做成一个 HTML 文件。如果 prompt_partial 是 false，就按完整提示词做成一个 HTML 文件。我若要视频，会自己录这个页面。

把 <slug> 换成 JSON 里的 slug，或 README 上 Prompt 链接的文件名（不含 .md）。

限制与已知问题

README 写明的限制：

  • prompt_partial 为 true 的 207 条，引用块会写成只分享了一部分，或下面是原帖文字。
  • 285 条只有提示词和原帖，has_remake 为 false，tech_tags 为空，skillry_url 为 null。
  • 要视频时，README 写的是录下页面。仓库的使用步骤里没有 ffmpeg、Remotion、HyperFrames 或 Playwright 命令。个别提示词正文会自己提到 MP4，例如 prompts/adrianduta96-992248.mdopen in new window 的 Prompt 末尾有 “render the final MP4”。那句话属于该条原文。
  • Credits 写预览是为这个列表托管的短片，每条视频和提示词属于创作者。

截至 2026-10-23，仓库有 5 个 open issue，部分如下；README 没有写对应的处理办法。

  • 仓库 issue #8（open）：auto correction（自动修正）
  • 仓库 issue #7（open）：Can Codex use this skill?（Codex 能否使用这个 skill）
  • 仓库 issue #6（open）：Motion Graphic（运动图形）
  • 仓库 issue #4（open）：ops
  • 仓库 issue #3（closed）：Submission: source-clip reel with Arcmira and Opus 5.5（投稿：用 Arcmira 和 Opus 5.5 做的素材卷）
  • 仓库 issue #2（closed）：Submission: Clawd beat-synced short (17s, Three.js) — "What Claude does when you're away"（投稿：17 秒、对节拍的 Three.js 短片）
  • 仓库 issue #1（closed）：Submission: 6 Opus 5.5 videos (launch films, UI morph, remakes) by @RaphaelAubryy（投稿：6 支 Opus 5.5 视频，含发布片、界面形变和重制）

已关闭的三条标题都以 Submission 开头。README 写创作者可以开 issue 要求修改或删除条目。

常见问题

用之前要安装依赖或填写 API key 吗？

README 未写明 API key，也没有依赖安装命令。它写的准备是：Claude Code、Claude app，或任何跑着 Opus 5.5 的 agent。用法是打开 prompts/<slug>.md，复制 ## Prompt 下的代码块。

成品是 HTML 还是 MP4？

README 的第 3 步是让模型把结果做成一个 HTML 文件；若要视频，再录下这个页面。仓库的使用步骤里没有 MP4 导出命令。提示词原文里如果写了要 MP4，那句话在该条提示词里。

能不能用 Codex 或 Cursor？

README 点名的是 Claude Code、Claude app，以及任何跑着 Opus 5.5 的 agent。README 没有出现 Codex 或 Cursor，也没有这两个产品的安装步骤。仓库 issue #7（open）的标题是 “Can Codex use this skill?”。本仓库根目录没有 SKILL.md。

可以商用吗？README 写了中文字幕或中文配音吗？

LICENSEopen in new window 是 MIT，版权行为 Copyright (c) 2026 yihui-dev，保留版权声明和许可声明后可以复制、修改和再分发。README 的 Credits 写每条视频和提示词属于其创作者。中文字幕和中文配音 README 未写明。有的 prompt 正文本身是中文，例如查阅过的 prompts/0xlangeai-178533.mdopen in new window，那是条目里的原文，仓库没有单独的字幕或配音步骤。

相关阅读

参考来源

上次编辑于:
贡献者: Masoooon
小苔藓 AI 指南 · 数字严选内容站
Copyright © 2026 数字严选