Opus 5.5 builds HTML slides and an AI avatar demo video
The author asked Opus 5.5 to write editable HTML slides, then to produce a full intro video with an AI avatar narration and an automated screen-recorded demo, with no manual editing.
AI時代のスライドって、パワポじゃなくてHTMLがベストかも？ Opus 5.5 に「文字も要素も自由に編集できる、いい感じのスライドをHTMLで」と頼んだら、想像以上の出来でした。 その感動を伝えたく、次はOpus 5.5にその凄さを伝えるAIアバターを使ったデモ付きの紹介動画の作成を依頼したら、この動画ができました。結構感動しています。というかAIを触り始めてから一番感動してるかも😅笑 というのも、これなんと動画内の操作デモもOpus 5.5 が操作手順をプログラムに書いてブラウザを自動操作し、そのまま録画したものです。私は何もしていません。 で、話が戻って、HTMLのスライド今まで少し敬遠していて、パワポスライドにこだわってきました、でも今日で完全に変わりました。AI時代の今、確実に近い将来パワポに取って代わるんじゃないかと個人的に思います。 他のすごい方達のHTMLスライドに関連するポストを拝見するともっといろんな応用もできるみたいなので、これから色々研究していきたいと思います。 ツール一覧 ■ スライド（3種・編集UIつき）：Opus 5.5（HTML/CSS/JavaScript、3D表現は three.js）※画像素材なし、図やアイコンも全てコード描画 ■ 台本・構成：Opus 5.5 ■ テロップ・編集：Opus 5.5 × HyperFrames ■ 操作デモの撮影：Opus 5.5 で自動操作プログラムを作成 → Playwright でブラウザを操作しながら録画 ■ ナレーション：Gemini 3.8 Flash TTS ■ BGM：Google Lyria 3.5 ■ 字幕タイミング（文字起こし）：Soniox STT v5 ■ 演者：GPT-Image-2.5 ＋ LTX 2.3（リップシンク） ■ 環境：Claude Code