awesome-opus5-5-videos
Opus 5.5 でコードから作った動画とプロンプトの一覧 · yihui-dev · MIT
1 — 概要
awesome-opus5-5-videos は、Claude Opus 5.5 にアニメーションをコード(HTML、Canvas、SVG、Three.js など)で書かせて作られた動画を集めたリストです。X(旧 Twitter)で話題になった投稿を対象に、作者が公開したプロンプトを 1 件ずつ Markdown と JSON で収録しています。
動画ファイル自体はリポジトリに含まれません。各エントリは作者の元投稿へリンクし、一部はコンパニオンサイト Skillry 上の再現版(live remake)へリンクします。プロンプトをコピーして、自分のエージェントで同じ種類の動画を作る用途を想定しています。
2 — 収録データの内訳
カテゴリ別の件数
| カテゴリ | README の見出し | 再現版あり | 再現版なし | 合計 |
|---|---|---|---|---|
motion | Motion graphics | 229 | 140 | 369 |
3d | 3D scenes | 56 | 61 | 117 |
explainer | Explainers | 68 | 48 | 116 |
interactive | Games & interactive | 65 | 36 | 101 |
再現版の技術タグ(418 件中)
技術タグは Skillry の再現版を作った技術を表し、再現版がないエントリでは空です。1 件に複数のタグが付きます。Canvas が 64%、SVG が 44%、Three.js が 31% の再現版で使われています。
集計対象は data/videos.json(コミット 92aee2f)です。616 アカウントのうち 560 は 1 件だけで、最多の作者でも 7 件です。
3 — ファイル構成
ソースコードやビルド手順はなく、Markdown と JSON だけで構成されています。同じエントリが prompts/ と data/videos.json の両方にあり、前者は人が読む用、後者は機械処理用です。
README のギャラリー
README は全件ではなく、再現版から 1 プロンプト 1 件ずつ選んだ 100 件をカテゴリ別の表で示します(Motion graphics 58、Explainers 16、3D scenes 14、Games & interactive 12)。末尾の Latest prompts には、再現版のない新しいプロンプト 30 件が並びます。全件を見るには prompts/ か videos.json を使います。
prompts/*.md の書式
再現版ありのエントリは、見出し、Skillry と元投稿へのリンク、カテゴリ・技術タグ・作者の箇条書き、## Prompt 以下のコードブロックという並びです。作者がプロンプトの一部しか公開していない場合は、## Prompt の前に注記が入ります。
# Opus 5.5 video by @gautam_mer1
[▶ Watch the original and a live remake on Skillry](…) · [Original post](…)
- **Category:** Motion graphics
- **Remake built with:** Canvas · SVG · GSAP
- **Author:** [@gautam_mer1](https://x.com/gautam_mer1)
> The author shared only part of the prompt.
## Prompt
```text
an Apple-style 30s video of my app
```再現版のないエントリは title を見出しにし、冒頭のリンクは元投稿だけです。箇条書きはカテゴリと作者のみで、Skillry へは一覧ページへの汎用リンクが 1 行入ります。
4 — videos.json の項目
トップレベルはオブジェクトの配列です。各要素は次の項目を持ちます。
| 項目 | 型 | 内容 |
|---|---|---|
slug | string | エントリの ID。prompts/<slug>.md のファイル名と一致 |
title | string | 作品名。再現版のない 285 件にだけある |
author / author_url | string | X のハンドルとプロフィール URL |
post_url | string | 動画を含む元投稿の URL |
category | string | motion / 3d / explainer / interactive |
tech_tags | string[] | 再現版の技術。再現版がなければ空配列 |
prompt | string | プロンプト本文。空のエントリはない |
prompt_partial | boolean | 作者がプロンプトの一部だけを公開した場合 true |
poster_url | string | Skillry がホストするポスター画像。全件に値がある |
skillry_url | string | Skillry の個別ページ。再現版がなければ null |
added | string | 収録日(YYYY-MM-DD) |
has_remake | boolean | Skillry に再現版があるか |
prompt_partial: true の 207 件はすべて再現版ありのエントリです。再現版なしの 285 件は 2026-10-12 に追加された分で、全件がプロンプト全文です。5 — 収録基準と更新履歴
件数は追加と削除を繰り返して変わっています。コミット履歴から追うと次のとおりです。塗りつぶした点は削除を伴う変更です。
プロンプト 282 件と README ギャラリーを公開
107 件を追加389
MIT ライセンスを追加
Opus 5.5 と Remotion / HyperFrames を組み合わせた 86 件を追加475
同様の 38 件を追加513
再現版のないプロンプト 335 件を追加848
本文を取得できなかった 5 件を削除843
再現版付きの 10 件を追加853
Opus 5.5 への素のプロンプトで作られていない 150 件を削除703
最新の削除で、収録基準は「Opus 5.5 にプロンプトを渡して作った動画」に絞られました。コミットメッセージが挙げる除外対象は次の 4 種類です。
- HyperFrames のデモ用プロンプト("showreel for a résumé, go all out")と、その軽微な変種
/hyperframesスキルや HyperFrames Studio で作ったもの- ほかのアプリビルダーやスキルで作ったもの
- 主な映像を別のモデルで生成したもの
残りのプロンプトにも Remotion や HyperFrames に触れるものが 118 件あります。動画化ツールの名前が出ることだけで除外されたわけではありません。
videos.json と一致しますが、見出しの括弧内の数字は抜粋分だけを数えています。全件数は videos.json で確認してください。6 — プロンプトの傾向
プロンプトの長さは中央値 221 文字で、1 割は 74 文字以下、1 割は 1,077 文字以上です(文字数は Unicode のコードポイント数)。最長は約 15,600 文字あります。短いものは 1〜2 文の依頼、長いものは成果物・画角・色・タイミングを列挙した仕様書です。
| 本文に含まれる語 | 件数 | 読み取れること |
|---|---|---|
秒数の指定(例: 15-second、30s) | 191 | 尺を先に決めて依頼する |
Remotion / HyperFrames | 118 | 動画書き出しの仕組みを指定する |
Three.js | 78 | 3D は Three.js を名指しすることが多い |
single HTML、one file などの 1 ファイル指定 | 59 | 成果物の形を固定する |
go all out | 44 | 品質の上限を上げるよう促す言い回し |
件数は大文字小文字を区別しない正規表現で数えた概数です。秒数は \b\d+\s*-?\s*(seconds?|secs?|s)\b、1 ファイル指定は \b(single|one)[- ]?(html|file)\b で数えました。リテラルの single HTML だけなら 13 件です。
A video explaining recursion, where every explanation about recursion has a radically different video style, make this self-referential & clever & fast moving.
再帰の説明を、説明ごとにまったく違う映像スタイルで見せる自己言及的な動画。
prompts/emollick-019567.mdBuild the Golden Gate Bridge in a single HTML file using Three.js. Include rolling fog, water effects, and traffic moving on the deck.
技術(Three.js)、成果物(1 ファイルの HTML)、要素(霧・水面・車列)を 1 文ずつ指定。
prompts/mondemsuraj-691517.mdCreate a 1-on-1 card game like Hearthstone. Just make it. As best you can. In pixel art style.
既存ゲームを参照点にし、仕様を書かずに任せる短い依頼。
prompts/aisongman-461057.mdmake a dynamic 15-second motion graphics video that shows what an incredible motion designer you are for <website url>
尺と題材の URL だけを渡す形。「showreel」か「incredible motion designer」を含むプロンプトは 51 件あります。HyperFrames のデモ用プロンプトとその変種は削除済みのため、残っているのは収録者が別物と判断したものです。
prompts/melvynx-638493.md7 — プロンプトを試す
README が示す手順は次の 3 つです。
prompts/のファイルを開き、Prompt 以下のブロックをコピーする。- Claude Opus 5.5 を使う環境(Claude Code、Claude アプリ、Opus 5.5 で動く任意のエージェント)に貼り付ける。
- 結果を 1 つの HTML ファイルとして出力させ、動画が必要ならページを録画する。
条件で絞り込むときは videos.json を使います。次の例はリポジトリを取得し、再現版があってプロンプト全文が公開されている 3D エントリを数え、1 件の本文を取り出します。
git clone https://github.com/yihui-dev/awesome-opus5-5-videos.git
cd awesome-opus5-5-videos
# 再現版あり・全文公開の 3D エントリ数(92aee2f 時点で 18)
jq '[.[] | select(.category == "3d" and .has_remake and (.prompt_partial | not))] | length' data/videos.json
# slug を指定してプロンプト本文だけを出力
jq -r '.[] | select(.slug == "emollick-019567") | .prompt' data/videos.json再現版のある 418 件は、skillry_url のページで元動画と再現版を並べて確認できます。再現版のないエントリでは、post_url の元投稿を見てください。
8 — 利用時の注意
- 権利の扱い: LICENSE は MIT ですが、README の Credits では各動画とプロンプトは作者に帰属すると明記しています。プロンプトや動画を転載・再配布する場合は、元投稿の作者の扱いを確認してください。
- 再現できないプロンプトがある: 207 件は一部だけの公開です。全文のものでも、作者のローカルフォルダ、独自スキル、外部 API キー(音声生成・画像生成など)を前提にした指示を含む場合があり、そのままでは同じ結果になりません。
- 技術タグは元動画の情報ではない:
tech_tagsは Skillry の再現版の実装を示します。元の作者が使った技術とは一致しない場合があります。タグ名から見て、ai-imageの 6 件は再現版に AI 生成画像を使っていると考えられます。 - 外部サービスへの依存: 動画の視聴は X と Skillry に依存します。投稿の削除やサイトの変更でリンクが切れても、リポジトリ側では検知されません。README と
prompts/*.mdの Skillry へのリンクには UTM パラメータが付いています(videos.jsonのskillry_urlには付いていません)。 - モデルの出力は毎回変わる: 同じプロンプトでも生成結果は一定ではありません。紹介されている動画は、作者が選んだ結果、または手を加えた結果である可能性があります。
9 — 参考リンク
- GitHub: yihui-dev/awesome-opus5-5-videos
- data/videos.json(全エントリ)
- prompts/(エントリ別の Markdown)
- Skillry: 元動画と再現版の比較ページ
確認日: 2026-10-22。取得した main のコミット 92aee2f(2026-10-13)に基づきます。件数はすべてこの時点の data/videos.json から集計しました。