Red banner title card for a Shin Majin-shiki promo
36.4K views · 350 likes · 341 saves · 13 reposts · Posted Sep 25, 2026 · 0:10 · Motion graphics
OUR NOTEA 10-second promo for 'Shin Majin-shiki' that slams in a red diagonal title banner; Opus 5.5 rendered it frame by frame in HTML with HyperFrames and synced sound effects to the beat.
流行ってることは一回試しとくマン。
Claude Code（Opus 5.5）でモーショングラフィックスを作るのが面白いみたいなので、「シンまじん式のPV作って」と頼んだだけで、これが出てきた。
動画生成AIはゼロ。
・映像：HTML＋コードで1コマずつ描画（HyperFrames）
・BGM：GeminiのLyriaで生成
・効果音：拍を解析して、着地やハンコの瞬間に音ハメ
自分がやったのは、スキルを入れて「おまかせ」って返事したくらい。
しかもClaude自身は音が聴けないのに、波形を数値で解析して音ハメしてるのがヤバい。
何なのもう…日々革命が起こりすぎて 頭ガンガンするわTHE PROMPT
Partial prompt — the creator shared only part of it.
流行ってることは一回試しとくマン。
Claude Code（Opus 5.5）でモーショングラフィックスを作るのが面白いみたいなので、「シンまじん式のPV作って」と頼んだだけで、これが出てきた。
動画生成AIはゼロ。
・映像：HTML＋コードで1コマずつ描画（HyperFrames）
・BGM：GeminiのLyriaで生成
・効果音：拍を解析して、着地やハンコの瞬間に音ハメ
自分がやったのは、スキルを入れて「おまかせ」って返事したくらい。
しかもClaude自身は音が聴けないのに、波形を数値で解析して音ハメしてるのがヤバい。
何なのもう…日々革命が起こりすぎて 頭ガンガンするわMAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
Indexed Oct 7, 2026, 11:34 AM · Views as of indexing. Video and post © their creator.