← 資料一覧

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 — 収録データの内訳

703
プロンプト
418
Skillry 再現版あり
616
作者アカウント
207
一部のみ公開のプロンプト

カテゴリ別の件数

motion369
3d117
explainer116
interactive101
再現版あり再現版なし(プロンプトのみ)
カテゴリREADME の見出し再現版あり再現版なし合計
motionMotion graphics229140369
3d3D scenes5661117
explainerExplainers6848116
interactiveGames & interactive6536101

再現版の技術タグ(418 件中)

技術タグは Skillry の再現版を作った技術を表し、再現版がないエントリでは空です。1 件に複数のタグが付きます。Canvas が 64%、SVG が 44%、Three.js が 31% の再現版で使われています。

canvas267
svg183
threejs131
shader92
gsap86
css57
audio39
playable22
particles17
pixel15
webgl9
physics9
ai-image6

集計対象は data/videos.json(コミット 92aee2f)です。616 アカウントのうち 560 は 1 件だけで、最多の作者でも 7 件です。

3 — ファイル構成

ソースコードやビルド手順はなく、Markdown と JSON だけで構成されています。同じエントリが prompts/ と data/videos.json の両方にあり、前者は人が読む用、後者は機械処理用です。

awesome-opus5-5-videos/ ├── README.md # ギャラリー(再現版 100 件の抜粋 + 最新プロンプト 30 件) ├── prompts/ │ └── <作者>-<投稿 ID 末尾 6 桁>.md # 703 ファイル。作者名は小文字化し _ を - に置換 ├── data/ │ └── videos.json # 全 703 件の配列(約 0.8 MB) └── LICENSE # MIT

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 の項目

トップレベルはオブジェクトの配列です。各要素は次の項目を持ちます。

項目型内容
slugstringエントリの ID。prompts/<slug>.md のファイル名と一致
titlestring作品名。再現版のない 285 件にだけある
author / author_urlstringX のハンドルとプロフィール URL
post_urlstring動画を含む元投稿の URL
categorystringmotion / 3d / explainer / interactive
tech_tagsstring[]再現版の技術。再現版がなければ空配列
promptstringプロンプト本文。空のエントリはない
prompt_partialboolean作者がプロンプトの一部だけを公開した場合 true
poster_urlstringSkillry がホストするポスター画像。全件に値がある
skillry_urlstringSkillry の個別ページ。再現版がなければ null
addedstring収録日(YYYY-MM-DD)
has_remakebooleanSkillry に再現版があるか
再現版の有無で性質が違います。 prompt_partial: true の 207 件はすべて再現版ありのエントリです。再現版なしの 285 件は 2026-10-12 に追加された分で、全件がプロンプト全文です。

5 — 収録基準と更新履歴

件数は追加と削除を繰り返して変わっています。コミット履歴から追うと次のとおりです。塗りつぶした点は削除を伴う変更です。

  1. プロンプト 282 件と README ギャラリーを公開

  2. 107 件を追加389

  3. MIT ライセンスを追加

  4. Opus 5.5 と Remotion / HyperFrames を組み合わせた 86 件を追加475

  5. 同様の 38 件を追加513

  6. 再現版のないプロンプト 335 件を追加848

  7. 本文を取得できなかった 5 件を削除843

  8. 再現版付きの 10 件を追加853

  9. Opus 5.5 への素のプロンプトで作られていない 150 件を削除703

最新の削除で、収録基準は「Opus 5.5 にプロンプトを渡して作った動画」に絞られました。コミットメッセージが挙げる除外対象は次の 4 種類です。

  • HyperFrames のデモ用プロンプト("showreel for a résumé, go all out")と、その軽微な変種
  • /hyperframes スキルや HyperFrames Studio で作ったもの
  • ほかのアプリビルダーやスキルで作ったもの
  • 主な映像を別のモデルで生成したもの

残りのプロンプトにも Remotion や HyperFrames に触れるものが 118 件あります。動画化ツールの名前が出ることだけで除外されたわけではありません。

README の件数は、README を最後に更新した時点の値です。 冒頭の「418 件の再現版」「100 件の抜粋」は videos.json と一致しますが、見出しの括弧内の数字は抜粋分だけを数えています。全件数は videos.json で確認してください。

6 — プロンプトの傾向

プロンプトの長さは中央値 221 文字で、1 割は 74 文字以下、1 割は 1,077 文字以上です(文字数は Unicode のコードポイント数)。最長は約 15,600 文字あります。短いものは 1〜2 文の依頼、長いものは成果物・画角・色・タイミングを列挙した仕様書です。

本文に含まれる語件数読み取れること
秒数の指定(例: 15-second、30s)191尺を先に決めて依頼する
Remotion / HyperFrames118動画書き出しの仕組みを指定する
Three.js783D は Three.js を名指しすることが多い
single HTML、one file などの 1 ファイル指定59成果物の形を固定する
go all out44品質の上限を上げるよう促す言い回し

件数は大文字小文字を区別しない正規表現で数えた概数です。秒数は \b\d+\s*-?\s*(seconds?|secs?|s)\b、1 ファイル指定は \b(single|one)[- ]?(html|file)\b で数えました。リテラルの single HTML だけなら 13 件です。

explainer @emollick · canvas

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.md

3d @MondemSuraj · threejs, shader

Build 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.md

interactive @aisongman · canvas, pixel, playable

Create a 1-on-1 card game like Hearthstone. Just make it. As best you can. In pixel art style.

既存ゲームを参照点にし、仕様を書かずに任せる短い依頼。

prompts/aisongman-461057.md

motion @melvynx · canvas, svg, gsap

make 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.md

7 — プロンプトを試す

README が示す手順は次の 3 つです。

  1. prompts/ のファイルを開き、Prompt 以下のブロックをコピーする。
  2. Claude Opus 5.5 を使う環境(Claude Code、Claude アプリ、Opus 5.5 で動く任意のエージェント)に貼り付ける。
  3. 結果を 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 には付いていません)。
  • モデルの出力は毎回変わる: 同じプロンプトでも生成結果は一定ではありません。紹介されている動画は、作者が選んだ結果、または手を加えた結果である可能性があります。

確認日: 2026-10-22。取得した main のコミット 92aee2f(2026-10-13)に基づきます。件数はすべてこの時点の data/videos.json から集計しました。