awesome-opus5-5-videos README

The project's README from github.com/yihui-dev/awesome-opus5-5-videos. As one markdown file: README.md.

Awesome Opus 5.5 Videos

Viral videos people made with Claude Opus 5.5, each with the exact prompt the creator shared.

Every video here was made by asking Claude Opus 5.5 to write the animation as code (HTML, Canvas, SVG, Three.js and friends). Pick one, copy its prompt, and try it with your own agent.

▶ Watch all 282 side by side with live remakes on Skillry

Contents

Motion graphics

Opus 5.5 video by @himanshutwtxs
@himanshutwtxs · Prompt
Canvas
Opus 5.5 video by @anabology
@anabology · Prompt
Canvas · AI image
Opus 5.5 video by @moritzkremb
@moritzkremb · Prompt
SVG · GSAP
Opus 5.5 video by @melvynx
@melvynx · Prompt
Canvas · SVG · GSAP
Opus 5.5 video by @ajith_io
@ajith_io · Prompt
Canvas · SVG · GSAP
Opus 5.5 video by @daniel_mac8
@daniel_mac8 · Prompt
SVG · GSAP
Opus 5.5 video by @prasad_pilla
@prasad_pilla · Prompt
SVG · GSAP
Opus 5.5 video by @itsolelehmann
@itsolelehmann · Prompt
Canvas
Opus 5.5 video by @Ishaaqahamed
@Ishaaqahamed · Prompt
Canvas
Opus 5.5 video by @codeSTACKr
@codeSTACKr · Prompt
Canvas
Opus 5.5 video by @heyiammallik
@heyiammallik · Prompt
Three.js · Canvas
Opus 5.5 video by @ann_nnng
@ann_nnng · Prompt
Canvas
Opus 5.5 video by @ajith_io
@ajith_io · Prompt
Canvas · Particles
Opus 5.5 video by @0xfemyn
@0xfemyn · Prompt
Canvas · SVG · CSS
Opus 5.5 video by @prasenx
@prasenx · Prompt
GLSL · Canvas · Web Audio
Opus 5.5 video by @brainextends
@brainextends · Prompt
GLSL · SVG
Opus 5.5 video by @pankajkumar_dev
@pankajkumar_dev · Prompt
Canvas
Opus 5.5 video by @sudeepsd_
@sudeepsd_ · Prompt
Three.js · Canvas
Opus 5.5 video by @nolkeeg
@nolkeeg · Prompt
Canvas · Particles
Opus 5.5 video by @1littlecoder
@1littlecoder · Prompt
Canvas
Opus 5.5 video by @ezshine
@ezshine · Prompt
Canvas · SVG · GSAP
Opus 5.5 video by @0xScoffie
@0xScoffie · Prompt
Canvas · SVG · GSAP
Opus 5.5 video by @levabashidze
@levabashidze · Prompt
Canvas
Opus 5.5 video by @songkeys
@songkeys · Prompt
Canvas
Opus 5.5 video by @jackfriks
@jackfriks · Prompt
Canvas · SVG · GSAP
Opus 5.5 video by @sab8a
@sab8a · Prompt
Canvas · AI image
Opus 5.5 video by @theattnlayer
@theattnlayer · Prompt
Canvas
Opus 5.5 video by @viktoroddy
@viktoroddy · Prompt
Canvas · SVG · GSAP
Opus 5.5 video by @kloss_xyz
@kloss_xyz · Prompt
Canvas · Web Audio
Opus 5.5 video by @ndhabarde11
@ndhabarde11 · Prompt
GLSL · Canvas · SVG
Opus 5.5 video by @monokern
@monokern · Prompt
GLSL · WebGL · Canvas
Opus 5.5 video by @zheke
@zheke · Prompt
GLSL · WebGL · Canvas
Opus 5.5 video by @dale_vaz
@dale_vaz · Prompt
Canvas
Opus 5.5 video by @ChatGptAstra
@ChatGptAstra · Prompt
Canvas
Opus 5.5 video by @SPEARwtf
@SPEARwtf · Prompt
Three.js · Canvas
Opus 5.5 video by @MajorBaguette
@MajorBaguette · Prompt
Canvas
Opus 5.5 video by @miskinho_
@miskinho_ · Prompt
SVG · GSAP
Opus 5.5 video by @felipemoller
@felipemoller · Prompt
Three.js · SVG · GSAP
Opus 5.5 video by @HO_BA
@HO_BA · Prompt
Canvas
Opus 5.5 video by @HowDevelop
@HowDevelop · Prompt
Canvas
Opus 5.5 video by @MiaAI_lab
@MiaAI_lab · Prompt
GLSL · WebGL · Canvas
Opus 5.5 video by @hqmank
@hqmank · Prompt
Canvas · SVG · GSAP
Opus 5.5 video by @gouthamjay8
@gouthamjay8 · Prompt
SVG · GSAP
Opus 5.5 video by @marklaunches
@marklaunches · Prompt
Canvas · SVG
Opus 5.5 video by @KmAsiff
@KmAsiff · Prompt
SVG
Opus 5.5 video by @TrigLyceee
@TrigLyceee · Prompt
SVG · CSS
Opus 5.5 video by @Mounnna
@Mounnna · Prompt
Canvas
Opus 5.5 video by @johnsavage_ai
@johnsavage_ai · Prompt
Three.js · GLSL · Canvas
Opus 5.5 video by @rammanq
@rammanq · Prompt
SVG · GSAP
Opus 5.5 video by @polydao
@polydao · Prompt
Canvas · SVG
Opus 5.5 video by @RatheeJaisal
@RatheeJaisal · Prompt
Canvas · SVG
Opus 5.5 video by @VisheshBaghell
@VisheshBaghell · Prompt
SVG · GSAP
Opus 5.5 video by @wani_shola
@wani_shola · Prompt
SVG · GSAP
Opus 5.5 video by @robvjourney
@robvjourney · Prompt
Canvas · SVG
Opus 5.5 video by @paukraft
@paukraft · Prompt
Canvas · SVG · GSAP
Opus 5.5 video by @blushpetal795
@blushpetal795 · Prompt
Canvas
Opus 5.5 video by @lester_tyy
@lester_tyy · Prompt
SVG
Opus 5.5 video by @pound75423
@pound75423 · Prompt
Canvas · CSS

Explainers

Opus 5.5 video by @koldo2k
@koldo2k · Prompt
Canvas · AI image
Opus 5.5 video by @Ror_Fly
@Ror_Fly · Prompt
Canvas
Opus 5.5 video by @deedydas
@deedydas · Prompt
SVG · GSAP
Opus 5.5 video by @sudo_kiran
@sudo_kiran · Prompt
Canvas · SVG · GSAP
Opus 5.5 video by @0xValure
@0xValure · Prompt
Three.js · Canvas
Opus 5.5 video by @verbove
@verbove · Prompt
Canvas
Opus 5.5 video by @ajith_io
@ajith_io · Prompt
Three.js · GLSL · Canvas
Opus 5.5 video by @LinearUncle
@LinearUncle · Prompt
SVG · Web Audio
Opus 5.5 video by @alex_prompter
@alex_prompter · Prompt
SVG · GSAP
Opus 5.5 video by @emollick
@emollick · Prompt
Canvas
Opus 5.5 video by @kloss_xyz
@kloss_xyz · Prompt
Canvas · SVG · CSS
Opus 5.5 video by @henkvaness
@henkvaness · Prompt
SVG
Opus 5.5 video by @AmitSingha89
@AmitSingha89 · Prompt
SVG
Opus 5.5 video by @tak3sh8
@tak3sh8 · Prompt
Canvas · Web Audio
Opus 5.5 video by @AstroTheWizard
@AstroTheWizard · Prompt
Canvas
Opus 5.5 video by @sudo_kiran
@sudo_kiran · Prompt
Canvas · SVG · CSS

3D scenes

Opus 5.5 video by @Dannnnnok
@Dannnnnok · Prompt
Three.js · Canvas
Opus 5.5 video by @twoclipping
@twoclipping · Prompt
SVG · CSS
Opus 5.5 video by @__morse
@__morse · Prompt
SVG
Opus 5.5 video by @lukasersil
@lukasersil · Prompt
Three.js · GLSL · Canvas
Opus 5.5 video by @RaphaelAubryy
@RaphaelAubryy · Prompt
GLSL · Canvas · CSS
Opus 5.5 video by @BThreeAgency
@BThreeAgency · Prompt
Canvas · SVG · CSS
Opus 5.5 video by @alexalbert__
@alexalbert__ · Prompt
Three.js · GLSL · Canvas
Opus 5.5 video by @Michaelzsguo
@Michaelzsguo · Prompt
GLSL · Canvas
Opus 5.5 video by @twoclipping
@twoclipping · Prompt
Canvas
Opus 5.5 video by @AxtonLiu
@AxtonLiu · Prompt
GLSL · WebGL
Opus 5.5 video by @mdaman010
@mdaman010 · Prompt
Three.js · GLSL · SVG
Opus 5.5 video by @iamtanzil_
@iamtanzil_ · Prompt
Three.js · GSAP
Opus 5.5 video by @BuildFastWithAI
@BuildFastWithAI · Prompt
Three.js · Canvas
Opus 5.5 video by @anirockshady
@anirockshady · Prompt
Three.js · GLSL · SVG

Games & interactive

Opus 5.5 video by @MandelDuck
@MandelDuck · Prompt
Three.js · GLSL · Canvas
Opus 5.5 video by @gandamu_ml
@gandamu_ml · Prompt
Three.js · GLSL · Canvas
Opus 5.5 video by @0xChuckstock
@0xChuckstock · Prompt
Three.js · GLSL · Playable
Opus 5.5 video by @zacxbt
@zacxbt · Prompt
Canvas · Pixel art · Playable
Opus 5.5 video by @LexnLin
@LexnLin · Prompt
Three.js · GLSL
Opus 5.5 video by @redpersongpt
@redpersongpt · Prompt
SVG
Opus 5.5 video by @froessell
@froessell · Prompt
Three.js · Canvas · Physics
Opus 5.5 video by @aisongman
@aisongman · Prompt
Canvas · Pixel art · Playable
Opus 5.5 video by @Bilimfili1
@Bilimfili1 · Prompt
Canvas · SVG
Opus 5.5 video by @Ved_CJ
@Ved_CJ · Prompt
Three.js · Canvas
Opus 5.5 video by @NoLit64
@NoLit64 · Prompt
Canvas · Web Audio · Playable
Opus 5.5 video by @opener_ai
@opener_ai · Prompt
Canvas · Pixel art · Playable

How to use a prompt

  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.

Some creators only shared part of their prompt; those files say so.

Credits

Every video and prompt belongs to its creator, linked from each entry. Previews are short clips hosted for this list. If you are a creator and want an entry changed or removed, open an issue.

Browse the full collection with original and remake side by side at skillry.dev/ai-videos/opus-5-5.

awesome-opus5-5-videos (yihui-dev/awesome-opus5-5-videos)

Searching Database…

这是做什么的?一个持续更新的精选合集,收录用 Claude Opus 5.5 制作的爆款视频,每个视频都附有作者分享的原始提示词,以及原帖链接。
这些是真正的视频文件,还是别的东西?严格来说不是——每个“视频”都是模型写成代码的动画:一个用 HTML、Canvas、SVG、Three.js 等技术搭建的网页。这里托管的是一些简短的预览片段。
我怎么自己做一个这样的视频?打开一个提示词文件,复制 Prompt 下面的内容块,交给你的智能体,然后让它把结果渲染成一个单独的 HTML 文件。如果你想要真正的视频,把网页录屏即可。
必须用 Claude 应用吗,还是其他智能体也行?这些提示词是针对 Opus 5.5 编写的:粘贴到 Claude Code、Claude 应用,或者任何运行 Opus 5.5 的智能体里都可以。
所有提示词都是完整的吗?不是。有些作者只分享了部分提示词,对应文件里会明确说明,所以要做好心理准备,有几条是不完整的。
这个合集是怎么分类的?分为四个板块:动态图形(58 个)、讲解演示(16 个)、3D 场景(14 个)、游戏与互动(12 个),而且每一条都有链接,可以跳转回作者的原帖。
视频和提示词的版权归谁?归各自的作者所有——每一条都链接回作者本人,作者可以通过 GitHub issue 要求修改或删除。这个仓库本身采用 MIT 许可证。
合集里有多少个视频?prompts/ 目录和 data/videos.json 里共存放了 282 条提示词;README 重点展示了 100 个视频,每条不重复的提示词对应一个。该项目被描述为一个持续增长的合集,会定期更新。
这些视频用了哪些技术?主要是 Canvas 和 SVG,经常配合 GSAP 做动画;3D 场景依赖 Three.js、GLSL 和 WebGL。其他的用到了 Web Audio、CSS、粒子效果、AI 生成的图片,还有可玩游戏中用到的像素艺术。
我不会写代码,也能试这些提示词吗?可以——你只需要复制一条提示词,智能体会帮你把代码写成一个单独的 HTML 页面。只有当你想自己调整结果时,才需要懂点代码。
Creator
yihui-dev
Size
0.8 MB
Stars
5.9K
Updated
CommitOct 13
Age
21d
Commits · 90 Days