)
Webサイトのブランドカラーやフォントを統一する「design.md」に続き、AIにカメラワークや動き、タイミングを理解させるための新しい映像仕様です()。
- 仕組み: プレーンなHTMLを記述するだけでMP4動画へとレンダリングできるオープンソースフレームワーク「HyperFrames」と連携()。タイムラインエディタを使わず、GSAPやCSSでアニメーションを施し、ヘッドレスChromeとFFmpegで処理します()。
- 作れる動画の例: 製品発表ビデオ、動くデータチャート、字幕付きSNS用クリップ、PDFや文書の動画解説など()。Claude CodeやCursorなど主要なAIツールと統合可能です()

