用 Opus 5.5 做 HTML 幻灯片并生成 AI 数字人介绍视频

中崎工房 | AIで1時間の仕事を5分で終わらせる人 @nakazakifam原推发布于 2026.10.01

在 X 上打开原推

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