
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 16〜20 秒、1920x1080 の MP4:実際のプロダクト画面がダークなスタジオのデバイスに現れ、大きなカーソルの下でスクロールし、1 つの操作を実行し、主張を示して、ロックアップを表示します。
- 編集可能なプロジェクト。デバイスは CSS パースペクティブで構築しており、3D モデルも WebGL もローダーも不要、ライセンスが必要なものもありません。板状の要素を立体物に見せる transform の重ね方も含みます。
- 演出の技法:寄っても破綻しない画面キャプチャの取り方、インターフェースへのズームがカメラ移動ではなく被写体の切り替えである理由、そして効果的な 2 つのシーム。
向いている人
- 見せる価値のある画面があり、ローンチの目的がそれが実在し動くことの証明であること。
- その画面を自社のサイトやアプリで実際にキャプチャできること。
- プロダクト全体のツアーではなく、1 つの操作をしっかり見せたいこと。
向いていない人
- インターフェースのないプロダクトや、画面がモックアップになってしまう場合。スタジオのデバイスにモックアップを映すのは、何も見せないための非常に高価な方法です。
- 複数の機能をデモする必要がある映像。インターフェース内の操作が 2 つになると、ローンチ映像がチュートリアルになります。長く、遅く、対象も異なるものです。
- 特定メーカーの端末や、第三者のサイトを画面に映したい方。
SNS コンテンツ・キャンペーンプロダクトローンチ・アプリグロースブランド SNS 動画作成プロダクトローンチ動画作成製品デモ動画作成エビデンス重視ステップごとに確認洗練されたビジュアル色収差スプリットリビールCSS パーススラブダークスタジオデバイスインターフェースズームスルー特大カーソル
この Skill について

始める前に必要なもの
- 用意するもの
- スクロールできる縦長の、プロダクト画面の実キャプチャ · 映像がインターフェース内で行う 1 つの操作と、それに対するプロダクトの応答 · 主張と 2 行の CTA · ロックアップ · 2 色:ダークなスタジオの地色と、プロダクトのアクセントカラー 1 色
- 依存関係
- HyperFrames CLI — 必須 · Node.js 22 以降 — 必須 · FFmpeg — 必須
- 最終検証
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…







