website-to-hyperframes
あらゆるウェブサイトからプロフェッショナルな動画を作成
ウェブサイトのデザインを失念な動画に変換するには、キャプチャからレンダリングまで複雑な技術的手順が必要です。このスキルは7ステップのパイプライン全体を自動化し、シンプルなURLからナレーション、アニメーション、 brand-consistent stylingを備えたプロフェッショナルな動画を生成します。
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "website-to-hyperframes". Capture https://stripe.com and make me a 20-second product demo
Résultat attendu:
capture/ フォルダ（スクリーンショット、アセット、token）、DESIGN.md、SCRIPT.md、STORYBOARD.md、アニメーション HTML を含む compositions/、narration.wav、transcript.json、localhost Studio プレビュー URL を含む完全な HyperFrames プロジェクト。
Utilisation de "website-to-hyperframes". Turn this website into a social ad: https://example.com
Résultat attendu:
ブランドの一貫性を保つアニメーション、オプションのフックナレーション、ビート間のスムーズなトランジションを備えた 15 秒の Instagram Stories 動画（1080x1920）。
Audit de sécurité
Risque faibleSecurity evaluation confirms this skill is safe for publication. Static analysis flagged 409 potential issues, but all high-severity findings are false positives. The skill uses legitimate HyperFrames CLI tooling (npx hyperframes capture/lint/validate) for video production workflows. External commands are standard CLI tooling, network access is limited to website capture, and env_access is optional API key configuration. No malicious code execution, credential exfiltration, or data harvesting patterns detected.
Problèmes à risque faible (2)
Facteurs de risque
⚙️ Commandes externes (3)
🌐 Accès réseau (1)
📁 Accès au système de fichiers (1)
Motifs détectés
Score de qualité
Ce que vous pouvez construire
製品ローンチ動画
製品ウェブサイトをキャプチャし、アニメーション、ロゴリビール、製品の機能ハイライトを備えた洗練されたローンチ動画を作成します。
ソーシャルメディア広告
任意のウェブサイトを、キネティックタイポグラフィ、ブランドカラー、オプションのナレーションを備えた Instagram または TikTok 広告に変換します。
ウェブサイトポートフォリオ動画
プレゼンテーション、ピッチ、またはソーシャルプルーフで使用するためのポートフォリオサイトの動画ウォークスルーを作成します。
Essayez ces prompts
Capture https://example.com and make me a 25-second product launch video
Turn this website into a 15-second social ad for Instagram: https://mysite.com
Create a 30-second product demo video from https://product.com using the default voiceover voice
Capture https://landingpage.io and produce a 45-second brand reel with: 3 intro beats, 2 feature highlights, 1 CTA. Use portrait format 1080x1920.
Bonnes pratiques
- 明確な視覚階層と異なるセクションを持つウェブサイトから始めて、キャプチャ結果を最適化
- スクリプト作成前にキャプチャされたアセットとデザイン token を確認し、ブランドの整合性を確保
- MP4 へのレンダリング前にレイアウトの問題を検出するにはバリデーションステップ（ステップ7）を使用
Éviter
- キャプチャステップをスキップして生 URL をサブエージェントに渡さない - 必ず最初にキャプチャ
- 組成物にアセット（SVG/画像データ）をインライン化しない - 常にパスでキャプチャされたファイルを参照
- キャプチャされたフォントが利用可能であれば Google Fonts を使用しない - @font-face でローカル woff2 ファイルを使用