この五つの動画は、whaleyxbt の独立した claude-motion ツールキットと HeyGen の HyperFrames という二つのコードアニメーション制作を示します。各例には公開元を明記しています。本サイトの顧客作品や Anthropic Motion の作品集ではなく、学習用の事例集です。解説は作者の公開説明とソースプロジェクトに基づき、視聴リンクは元の動画へつながります。
1. クローラーの群れ — whaleyxbt
作者の X 投稿には 20 秒の動画があり、ツールキットのシミュレーション README に仕組みが説明されています。一体が 256 体に増え、架空のサイトを移動し、触れた文字が反応します。これは並列作業の視覚的なたとえであり、実際の収集活動の証拠ではありません。数量が空間的な物語になる点を研究できます。自分の解説では架空のタスク列を使い、一つの仕事、複数の作業者、全体システムの順に見せましょう。規模に関する主張は実データに合わせます。
2. 一つのユーザー名から調査ファイルへ — whaleyxbt
二つ目の 20 秒の X 動画は同じ群れで別の物語を描きます。リポジトリは人物とページが架空だと明示し、赤い線が情報をファイルへ運びます。紹介時にもこの区別は欠かせません。学べるのは、集めた断片が整理された結果に集約する情報の流れです。プライバシー教育に使うなら架空の人物を維持し、別々に公開した情報が組み合わさる点に焦点を当てます。検証済みの調査や実在人物の証拠として紹介してはいけません。
3. HyperFrames の公開動画 — HeyGen
HeyGen の公式ギャラリーは公開動画とソースへのリンクを掲載しています。プロジェクトでは導入、CSS などの視覚技法、エンジンの説明、最後の行動喚起が別の構成に分かれています。字幕は制作に Claude Code を用いたと示しています。HyperFrames でレンダリングした、コーディングエージェントによる制作例です。約束、実演、次の行動を分ける構造を研究しましょう。全機能を一枚に詰め込むより、各場面で一つの能力を証明する方が公開動画に向いています。
4. タイムラインエディター — HeyGen
ギャラリーの Timeline editor 動画には公開ソースがあります。冒頭はタイミング調整を課題として示し、後続のソース場面でタイムラインを解決策として紹介し、時間短縮を説明します。まず不便を示し、それを解決する操作を見せる、製品教育の参考例です。同様の動画では、一つの編集の前後を正確に示してください。操作を見せれば利点が伝わる場面で、「使いやすい」という言葉だけに頼る必要はありません。
5. PR を動画に — HeyGen
この作品はプルリクエストの物語を短い説明に変えます。公開プロジェクトには PR、変更を読む難しさ、要約、コード、流れ、議論、貢献者、最後の行動の場面があります。技術変更にも編集上の構造を持たせられる例です。借りるのは順序であり、そのプロジェクトの主張ではありません。変更点を述べ、一つの有意義な例を示し、貢献者を紹介します。技術的な説明は実際の差分と照合し、説得力のある動画が不正確なリリースノートにならないようにします。
作者の元動画を見る
Crawler swarm作者 whaleyxbt · claude-motion toolkit · 元のサイトで見るOne username to a dossier作者 whaleyxbt · claude-motion toolkit · 元のサイトで見るHyperFrames launch作者 HeyGen · HyperFrames · 元のサイトで見るTimeline editor作者 HeyGen · HyperFrames · 元のサイトで見るPR to video作者 HeyGen · HyperFrames · 元のサイトで見る次のステップ
元の動画と公開ソースを確認し、物語を伝える技法を一つ学びましょう。作者と根拠の明示が、出典不明のデモ集より有用な事例を作ります。
制作ワークスペースを見る出典と参考資料
出典は公式資料や制作者の公開ページです。提供状況は変わるため、契約やインストールの前にリンク先を確認してください。
- Crawler swarm — original videowhaleyxbt
- One username to a dossier — original videowhaleyxbt
- Web sims — construction and fictional-data noteswhaleyxbt
- HyperFrames examples and original video playersHeyGen
- HyperFrames launch — source projectHeyGen
- Timeline editor — source projectHeyGen
- PR to video — source projectHeyGen