@heygen-com
メディア、フロントエンド、コンテンツ制作をカバー。代表作は video-edit、hyperframes、hyperframes-cli。
@heygen-com のすべての Skill
hyperframes-cli
by @heygen-com
HyperFrames フレームワークの CLI ツール、スキャフォールディング、プレビュー、ビルド、エクスポートの完全なワークフローを提供。
hyperframes
by @heygen-com
HTML ベースのビデオフレームワーク、`data-*` 属性を使用してタイムラインとアニメーションを制御し、クリップ同期とメディア再生を自動処理。
media-use
by @heygen-com
この Skill は、エージェントメディアOSとして機能し、BGM、効果音、画像、アイコンなどのあらゆるメディア要求をローカルの固定ファイルと台帳記録に解決します。単一の `resolve` コマンドで、プロジェクトキャッシュ、グローバルキャッシュ、HeyGenカタログ検索、ファイルの固定、登録といった一連の処理をすべて行います。これにより、メディアアセットを効率的に管理し、エージェントのディスク上の検索ノイズを減らし、明確なファイルパスを提供します。
hyperframes-animation
by @heygen-com
この Skill は、HyperFrames のアニメーションに関する包括的な知識を提供します。原子的なモーションルール、多段階シーンの設計図、シーン遷移、広範なモーションデザイン技術を網羅し、GSAP、Lottie、Three.js など7つのランタイムアダプターを統合しています。これにより、開発者は複雑なアニメーションを効率的に構成し、シーンのオーケストレーションを管理し、多様なモーションデザインを様々なプラットフォームで実装でき、決定論的でシークセーフなアニメーション体験を保証します。
hyperframes-registry
by @heygen-com
HyperFrames コンポーネントレジストリ、再利用可能なビデオブロックとエフェクトコンポーネントを提供し、コマンドでインストールして使用。
hyperframes-core
by @heygen-com
この Skill は、HyperFrames ビデオ合成プロジェクトの技術契約と構築ガイドを定義します。HTML、`data-*` 属性、トラック、サブコンポジションを使用してレンダリング可能なビデオプロジェクトを構築する方法を詳細に説明し、合成構造、タイミング同期、メディア再生の決定性を保証します。開発者は、フレームワークの仕様に準拠し、効率的にレンダリングされるプロジェクトを確実にするために、合成 HTML を記述する前にこのガイドを読む必要があります。
hyperframes-creative
by @heygen-com
この Skill は、HyperFrames ビデオ向けに非アニメーションのクリエイティブディレクションを提供します。デザイン仕様、ブランドスタイル、視覚パレット、タイポグラフィ、構図パターンに焦点を当て、ビデオの美的および物語構造を定義します。ナレーション、ビート計画、オーディオ反応型ビジュアルを含み、一貫したスタイルと高品質な視覚出力を保証します。アニメーション制作前に、この Skill で基礎的なクリエイティブ要素を確立できます。
hyperframes-keyframes
by @heygen-com
このスキルは、Webキーフレームアニメーションを作成するための契約とベストプラクティスを定義し、可視状態、被写体の同一性の継続、シークセーフなランタイム、ピクセル検証を保証します。GSAP、CSS、Anime.js、WAAPIのルールを提供し、フロントエンド開発者が保守可能なアニメーションコードを書くのを支援します。
hyperframes-audio
by @heygen-com
このスキルは、ボイスオーバーと音楽ベッドのバランス調整を行います。音声と音楽の周波数帯域の衝突を分析し、ダイナミックダッキングエンベロープとEQ設定を自動生成して、メディア要素に直接書き込みます。プレビューとレンダリングは同じWeb Audioグラフを使用するため、聞いたままが出力されます。ポッドキャストや動画ナレーション、ショート動画制作に最適で、ミックス時間を大幅に短縮します。
general-video
by @heygen-com
この Skill は、汎用的なビデオワークフローとカスタム合成作成機能を提供し、専門的なビデオ制作のフォールバックとして機能します。視覚的アイデンティティ、デザインシステムから具体的な構成までのプロセス全体をガイドし、プロフェッショナルでブランドに一貫性のあるビデオコンテンツを保証します。この Skill は、様々なビデオコンテンツを柔軟に作成し、視覚的な詳細とブランドガイドラインを重視するシナリオに適しており、ユーザーが高品質なビデオを効率的に制作するのに役立ちます。
product-launch-video
by @heygen-com
この Skill は、製品やマーケティングの URL、貼り付けられたスクリプト、または簡単な説明を製品発表ビデオに変換します。SaaS プロモーション、機能紹介、アプリのローンチ、企業プロモーション、製品マーケティングビデオなど、幅広い用途に対応します。ユーザーは、新製品のプロモーション、発表、または公開のために、高品質なマーケティングビデオを迅速に生成でき、市場での宣伝効果と魅力を大幅に向上させます。
faceless-explainer
by @heygen-com
この Skill は、記事やメモなどの任意のテキストを、顔出しなしの解説動画（通常30〜90秒）に変換します。外部アセットやウェブサイトのキャプチャに依存せず、タイポグラフィ、抽象的なグラフィック、図、データビジュアライゼーションなど、すべての視覚要素を独自に生成します。トピック解説、概念分解、ハウツー、物語形式のコンテンツ作成に最適で、実際の映像がない場合に情報を視覚的に伝えるユニークな方法を提供します。
motion-graphics
by @heygen-com
この Skill は、短く、デザイン主導でナレーションなしのモーショングラフィックスの生成に特化しています。テキスト、データ、またはブランド要素を魅力的な視覚アニメーションに迅速に変換するプロセスを自動化し、専門的なデザインやビデオ編集のスキルを不要にします。これにより、効率的な情報伝達とコンテンツの魅力を向上させます。
remotion-to-hyperframes
by @heygen-com
このスキルは、既存のRemotion（Reactベース）ビデオコンポジションをHyperFrames（HTML）コンポジションに変換します。Remotionのほとんどのイディオムに対応し、損失なく翻訳できないパターンを特定し、ランタイム相互運用ソリューションを推奨して翻訳の品質を保証します。
embedded-captions
by @heygen-com
この Skill は、トークヘッド動画に埋め込み型キャプションをインテリジェントに追加し、様々なビジュアルスタイルと特殊効果をサポートして、映画レベルまたはVFXレベルのキャプション効果を実現します。自動化されたプロセスを通じて、キャプションを動画コンテンツに深く統合し、動画の視覚的魅力とプロフェッショナリズムを大幅に向上させます。特に高度なダイナミックキャプションが必要なシナリオに適しています。
hyperframes-studio
by @heygen-com
この Skill は動画プロジェクトのタイムライン構成ルールを提供します。各シーンを個別のサブコンポジションにし、字幕はすべて1本のトラックにまとめ、要素の種類ごとにトラックを分け、アクションセーフ／タイトルセーフ領域を守ります。その結果、タイムラインは短く読みやすくなり、編集者は各クリップを個別にトリミング・ミュート・移動でき、編集できない行の山に悩まされることがなくなります。
pr-to-video
by @heygen-com
この Skill は、GitHub Pull Request を最大 3 分間のコード変更説明ビデオに自動変換します。コードの差分とコミット履歴を分析することで、明確な変更ログ、機能紹介、またはリファクタリングのウォークスルービデオを生成し、開発者やチームがコードの変更を効率的に伝え、理解とコラボレーションを向上させるのに役立ちます。
music-to-video
by @heygen-com
この Skill は、音楽トラックをビート同期された HyperFrames ビデオに変換します。音楽のビートとエネルギーを分析してビデオフレームをインテリジェントに編成し、ユーザーが提供する画像やビデオ素材を組み込むことも可能です。これにより、高品質でリズミカルな視覚コンテンツの生成が自動化され、ビデオ制作プロセスが大幅に簡素化されます。
talking-head-recut
by @heygen-com
この Skill は、既存のトークヘッド動画・インタビュー・ポッドキャストに、トランスクリプトと同期したタイミングのグラフィックカード（タイトル、ローワーサード、データ強調、引用、サイドパネル、ピクチャーインピクチャー）を自動で重ねます。プロの動画編集ソフト不要で、プロ級の包装動画を出力。コンテンツ制作者、マーケター、ポッドキャスターに最適。
slideshow
by @heygen-com
この Skill は、シーン定義、スピーカーノート、分岐ロジックを含む、ナビゲーション可能な HyperFrames スライドショーを生成します。従来のプレゼンテーション作成の課題を解決し、製品説明や技術共有など、多様なシナリオでプロフェッショナルかつ表現力豊かなインタラクティブプレゼンテーションを効率的に作成できます。
hyperframes-media
by @heygen-com
HyperFrames Mediaは、HyperFramesコンポジション用のアセット前処理ツールです。テキスト読み上げ（Kokoro）、音声/動画の文字起こし（Whisper）、透明なオーバーレイのための背景除去（u2net）を提供します。テキストからのナレーション生成、キャプション用の音声文字起こし、動画や画像の背景除去、TTS音声やWhisperモデルの選択、またはこれらを組み合わせる（TTS → 文字起こし → キャプション）際に使用します。各コマンドは初回実行時にモデルをダウンロードします。
website-to-video
by @heygen-com
この Skill は、任意の一般的なウェブサイトやURLをプロフェッショナルなHyperFramesビデオに変換し、サイトツアー、ショーケース、またはソーシャルメディアクリップの作成に最適です。ヘッドレスChromeのスクリーンショットとブランドアセットを活用し、ウェブサイト自身の視覚要素から魅力的なビデオコンテンツを生成します。この Skill は、静的なウェブページを動的なビデオに変換するプロセスを大幅に簡素化し、ユーザーが高品質なビジュアルマーケティング資料を迅速に作成し、コンテンツの魅力と拡散効率を高めるのに役立ちます。
gsap
by @heygen-com
HyperFramesプラットフォーム向けGSAPアニメーションリファレンス。`gsap.to()`、`from()`、`fromTo()`などの主要メソッド、イージング、スタッガー、タイムライン制御、パフォーマンス最適化のテクニックを詳細に解説します。これにより、開発者はHyperFrames作品の視覚的な魅力を高める、滑らかでプロフェッショナルなアニメーションを効率的に作成できます。
website-to-hyperframes
by @heygen-com
ウェブサイトを自動キャプチャし、プロフェッショナルな製品ビデオを生成、カスタム期間とプラットフォーム形式をサポート。AI Agent Skill で、作業効率と自動化能力を向上。
css-animations
by @heygen-com
HyperFrames 用の CSS アニメーションアダプターパターン。CSS キーフレーム、アニメーション遅延、フィルモードを決定論的にシークし、プレビューとレンダリングを可能にします。ループ、マスク、微妙なパララックスなどのシンプルで固定期間の装飾的な動きに最適です。
tailwind
by @heygen-com
このスキルは、HyperFrames コンポジションに Tailwind CSS v4.2 ブラウザランタイムを統合するための必須パターンを提供します。`hyperframes init --tailwind` を使用したプロジェクトの構築、ユーティリティクラスの記述、CSSファーストの v4 テーマトークンの定義、v3 と v4 の構文の違いの理解をガイドします。また、スタイルの欠落のデバッグや、本番環境で安定したレンダリングのために Tailwind を CSS にコンパイルすべき時期を理解するのに役立ち、確定的で信頼性の高いスタイリングを保証します。
animejs
by @heygen-com
HyperFrames向け（むけ）Anime.jsアダプターパターン。HyperFramesコンポジション内（ない）でAnime.jsアニメーションやタイムラインを作成（さくせい）し、`window.__hfAnime`に登録（とうろく）することで、アニメーションをシーク駆動（くどう）で決定論的（けっていろんてき）に制御（せいぎょ）します。Anime.jsの例（れい）をレンダリングセーフなHyperFrames HTMLに変換（へんかん）する際（さい）にも使用（しよう）できます。
three
by @heygen-com
HyperFrames用のThree.jsおよびWebGLアダプターパターン。決定論的なThree.jsシーン、WebGLキャンバスレイヤー、AnimationMixerタイムライン、カメラモーション、シェーダー駆動のビジュアル、またはHyperFramesのhf-seekイベントに応答するキャンバスレンダリングを作成する際に使用します。
lottie
by @heygen-com
HyperFrames 用のLottieおよびdotLottieアダプターパターン。このスキルは、lottie-web JSONアニメーションや.lottieファイルの埋め込み、またはインスタンスの登録に使用され、アニメーションの決定論的な再生を実現します。HyperFrames内でのアニメーションの正確な制御と同期を保証し、ロゴの表示、UIモーション、After Effectsのエクスポートコンテンツの統合に適しており、フロントエンドのアニメーション開発の効率と品質を向上させます。
waapi
by @heygen-com
HyperFrames (ハイパーフレームズ) 向けの Web Animations API (WAAPI) アダプターパターン。`element.animate()` モーション、`Animation currentTime` シーキング、`document.getAnimations()`、`KeyframeEffect` タイミング、フィルモード、または HyperFrames で決定論的 (けっていろんてき) にレンダリングする必要があるネイティブブラウザアニメーションを作成する際に使用します。
motion-doctrine
by @heygen-com
このSkillはHyperFramesのモーション法則ゲートウェイであり、マルチシーンビデオに統一されたベクトル法則（軸、方向、速度、位相）を定義し、シームレスな切り替えを実現して1つの連続カメラ移動のように感じさせます。視覚的な断絶やアイドル揺れを排除し、アニメーション自動化、ビデオトランジション一貫性、映画的な流れに最適です。
captions-overlay
by @heygen-com
このSkillは、ビデオ制作における字幕オーバーレイの規範を提供し、3つの字幕モード（ドロップ/レール/エンベッド）と、字幕がフィルム上に合成されるオーバーレイであり、予約バンドではないというルールを定義します。よくある間違い（過剰な埋め込みやコンテンツの中央からのずらし）を防ぎ、解説動画や製品発表動画などでプロフェッショナルな字幕付き構図を実現します。
cut-the-curve
by @heygen-com
このスキルは、5つの速度一致SEAMトランジション（ズームスルー、逆ズームスルー、カーブカット、ウォーターフォールカット、ラックフォーカスブラーカット）と2つのシーン内テクニック（ウォーターフォールエントリー、ナッジカーブ）を含む、モーショングラフィックストランジションの完全なカタログを提供します。動画編集者やモーションデザイナーが、カットの両側で速度と方向を一致させた映画的なトランジションを作成し、視覚的な滑らかさとプロフェッショナルな品質を向上させるために設計されています。
seam-craft
by @heygen-com
この Skill は、ビデオ合成におけるシーン間のトランジションのレンダリング正確性を保証し、不透明度の低下時に透明な背景による白いフラッシュを防止します。ステージ背景の適用、重なりメカニズム、およびマスタータイムラインへのテンプレートスタンプを自動化し、手動調整なしでスムーズでプロフェッショナルなトランジションを実現します。ビデオ編集者、レンダリングパイプライン、およびタイムラインアセンブリのワークフローに最適です。
changelog-video
by @heygen-com
この Skill は、週次チェンジログ/ダイジェストの Markdown をブランド化された動画（1080p 正方形、約45〜60秒、アニメーション背景、モックUIビジュアライゼーション、控えめなキャプション付き）に自動変換します。定期的な製品アップデート動画を手動デザインや編集なしで制作したいチームに最適です。
oversized-cursor
by @heygen-com
特大マウスカーソルアニメーションを生成し、視聴者の視線を誘導、シーン切り替えをトリガー、動画に動きを追加します。物理的なオフスクリーンエントリー、クリック発火、終了を使用して、起動動画に低コストで高収量の視覚ダイナミクスを提供します。
contribute-catalog
by @heygen-com
このスキルは、ユーザーがHyperFramesリポジトリに新しいレジストリブロック（キャプションスタイル、VFXブロックなど）やコンポーネント（テキストエフェクト、オーバーレイなど）を貢献する方法をガイドします。アイデア出しからPRマージまでの完全なワークフローをカバーし、貢献が仕様に準拠していることを保証します。
typegpu
by @heygen-com
HyperFrames 用の TypeGPU および生の WebGPU アダプターパターン。TypeGPU、生の WebGPU、WGSL フラグメントシェーダー、コンピュートパイプライン、リキッドグラス効果、パーティクルシステム、または HyperFrames の hf-seek イベントに応答する navigator.gpu によって駆動されるキャンバスレイヤーで GPU レンダリングされたコンポジションを作成する際に使用します。
graphic-overlays
by @heygen-com
この Skill は、既存のトークヘッドやインタビュー動画に、タイミングを合わせたデザイン性の高いグラフィックオーバーレイカード（タイトル、ローワーサード、データコールアウトなど）を重ねて、動画コンテンツを強化します。動画のトランスクリプトに基づいて各カードのHTMLを自動で設計・生成し、最終的にMP4としてレンダリングします。これにより、動画のポストプロダクションにおけるプロフェッショナルな視覚要素の追加作業が大幅に簡素化され、動画の魅力と完成度を高めます。
heygen
by @heygen-com
このスキルは非推奨です。元々はプロンプトに基づいてビデオコンテンツを生成するために使用されていました。ビデオ生成機能には、代わりに`create-video`スキルを使用してください。
video-translate
by @heygen-com
ビデオコンテンツの翻訳と多言語吹き替えに特化し、既存のビデオを多言語に迅速にローカライズして、ビデオコンテンツのグローバルな視聴者を拡大します。
liveavatar-integrate
by @heygen-com
既存のコードベースをスキャンして技術スタックを自動判別し、LiveAvatar のリアルタイム口パク対応アバターを組み込む最適な経路（Embed／FULL／LITE、カスタム LLM・TTS、ElevenLabs 連携、自前 WebRTC など）を一つに絞って提案し、実装まで導きます。ドキュメントを読み込み試行錯誤する必要がなく、話し相手と目を合わせるリアルタイム映像アバターを素早くプロダクトに組み込めます。
video-understand
by @heygen-com
ffmpegでフレームを抽出し、Whisperで文字起こしすることでローカルの動画コンテンツを理解。APIキーなしで完全にオフラインで動作する。
avatar-video
by @heygen-com
アバター、音声、スクリプト、シーン、背景を完全に制御できるAIアバター動画を作成。HeyGen /v2/video/generate APIを使用して単一または複数シーンの動画を構築する。
ai-video-gen
by @heygen-com
このスキルは、AIエージェントがHeyGenプラットフォームを利用し、テキスト指示に基づいてカスタムアバターと音声を含むリアルなAIアバター動画を作成します。自己紹介やメッセージ動画の生成を自動化し、エージェントの動画コンテンツ制作を大幅に効率化します。
create-video
by @heygen-com
このスキルはHeyGenプラットフォームを活用し、AIエージェントを通じてパーソナライズされたAIアバタービデオを迅速に作成します。ユーザーは写真とテキストを提供するだけで、音声と表情を持つプロフェッショナルなビデオを生成でき、コンテンツ作成の効率を大幅に向上させます。
video-download
by @heygen-com
yt-dlpを使用してURLから直接ビデオとオーディオをダウンロード。ストリームのマージ、オーディオトラックの抽出に対応し、追加のスクリプトは不要です。
visual-style
by @heygen-com
このスキルは、AIエージェントがパーソナライズされたアバター動画を作成できるようにします。写真からアバターを生成し、それを使って短い自己紹介動画やその他のビデオメッセージを作成できます。デジタルアイデンティティに命を吹き込み、AIエージェントが視覚的にコミュニケーションするための顔と声を提供することで、エージェントのインタラクションとコンテンツ配信を強化します。
faceswap
by @heygen-com
HeyGen APIを使用してAI顔交換を実行。ソース画像から顔をターゲットビデオに置き換え、GPUアクセラレーション処理をサポートします。