hyperframes は何をしますか？
カタログスタブ — フルパッケージ: heygen-com/hyperframes
注: TTSおよびメディア生成機能にはHeyGenアカウントが必要です。
決定木
-
パッケージは既にインストールされていますか？ 確認: エージェントのスキルディレクトリに、このスタブ以外のコンテンツを含む
hyperframesが存在するか確認します。- はい →
hyperframesを呼び出して続行します - いいえ → ステップ2に進みます
- はい →
-
どのエージェントを使用していますか？
- Claude Code →
npx skills add heygen-com/hyperframes— またはチャットメッセージで! npx skills add …を送信します（グローバルに追加する場合は-gを追加、プロジェクト限定の場合は省略） - Cursor →
npx skills add heygen-com/hyperframes - その他 →
npx skills add heygen-com/hyperframesまたは GitHub README を参照してください
- Claude Code →
インストールコマンド
npx skills add heygen-com/hyperframes
TTS、文字起こし、動画レンダリング機能にはHeyGenアカウントが必要です。アニメーション作成はアカウントなしで動作します。
インストール後の呼び出し
- スキル名:
hyperframes - トリガーフレーズ: "hyperframes", "HTML to video", "HeyGen", "render video from HTML", "Anime.js"
機能概要
「HTMLを書き、動画をレンダリング」— HTML構成から動画出力を生成する必要があるAIコーディングエージェント向けに構築された11のスキルスイート。対象範囲: コンポジション作成（HTML/CSS/JSシーンの構築）、HeyGen経由のテキスト読み上げと文字起こし、CLI駆動のレンダリングワークフロー、再利用可能なメディアのアセットレジストリ、ライブWebコンテンツ取得のためのURLキャプチャ、およびGSAP、Anime.js、プレーンCSSアニメーション、Lottie再生、Three.js 3D、Web Animations API（WAAPI）の6つのアニメーションサブスキル。エージェント駆動の動画制作パイプライン向けにゼロから設計されています。
使用すべきでない場合
- 動画出力を伴わない静的アニメーション（
gsap-skills、framer-motion-skills、animate-css-skillを使用してください） - HeyGenアカウントがない場合 — メディア生成機能（TTS、動画レンダリング）は機能しません