Repolode
1weiho

1weiho/cinematic-shot

実際のUIを急角度から斜めに捉えたクローズアップで構成する、映画のようなプロダクトローンチ映像の制作をAIエージェントにガイドするスキル。

スター
174
フォーク
5
未解決の Issue
1
最終コミット
11 時間前

これは何?

cinematic-shotは、ヒーローショットを連ねたプロダクトローンチ映像を制作するためのエージェントスキルです。各ショットでは、実際のUIをステージ上に浮かび上がらせ、急角度から斜めにクローズアップします。ダークな製品には黒い空間、明るい製品にはハイキーなスタジオを使い、薄い焦点面、ゆっくりと意図を持ったカメラの動き、独立して動いてアクションに合わせてハードカットするUI要素を組み合わせます。映像は、コピーの一文と静止したロゴで締めくくります。

このスキルは、ストーリー、ステージ、ショットリスト、ショットのサイズ、カメラの動き、照明とカラーグレーディング、モーション、エンディング、音響の演出まで、映像のルックと編集をカバーします。あらゆる製品で使えるように設計されており、レンダリング環境の選定はエージェントに委ねます。インストールにはskills.shのツールを使い、ユーザーはエージェントにローンチ映像を依頼するだけです。

リポジトリには、手法をまとめたメインのSKILL.md、ステージ、カメラアングル、被写界深度、カラーグレーディング、レンダリング設定の具体的なレシピを記載したリファレンスファイル、そしてあらゆる機能に応用できる52秒のショットリスト例が含まれています。

主な機能

  • 01急角度から斜めに捉えたUIのクローズアップを連ねて、ローンチ映像を構成します。
  • 02製品のルックに合わせて、ダークとライトのステージ設定を用意します。
  • 03カメラの動き、光学的な被写界深度、ショットのサイズを指定します。
  • 04カラーグレーディング、UIの動き、ストリーミング形式のリビール、アウトロのタイポグラフィを扱います。
  • 05あらゆる機能に応用できる、52秒のショットリスト例が含まれています。

ユースケース

  • AIエージェントを使って、新機能のローンチ動画を制作する。
  • マーケティングページ向けに、統一感のある映画的なUI紹介ショットを作成する。
  • プロダクトのモーショングラフィックスにおけるショット構成とカメラの動きを学ぶ。

クイックスタート

  1. 1

    skills CLIでスキルをインストールする

    npx skills add 1weiho/cinematic-shot
  2. 2

    エージェントにローンチ映像を依頼する(例:新しい検索機能のシネマティックなローンチ動画)

使う前に知っておきたいこと

  • このスキルが扱うのはクリエイティブディレクションと編集方法のみで、レンダリング環境はエージェントに委ねられます。そのため、動画制作ツールは自分で用意する必要があります。

トピック

よくある質問

cinematic-shot とは?
実際のUIを急角度から斜めに捉えたクローズアップで構成する、映画のようなプロダクトローンチ映像の制作をAIエージェントにガイドするスキル。 cinematic-shotは、ヒーローショットを連ねたプロダクトローンチ映像を制作するためのエージェントスキルです。各ショットでは、実際のUIをステージ上に浮かび上がらせ、急角度から斜めにクローズアップします。ダークな製品には黒い空間、明るい製品にはハイキーなスタジオを使い、薄い焦点面、ゆっくりと意図を持ったカメラの動き、独立して動いてアクションに合わせてハードカットするUI要素を組み合わせます。映像は、コピーの一文と静止したロゴで締めくくります。
cinematic-shot は無料で使えますか?ライセンスは?
cinematic-shot は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
cinematic-shot は今もメンテナンスされていますか?
活発にメンテナンス中。cinematic-shot の最終コミットは 2026年10月20日 です。
cinematic-shot は何に使えますか?
AIエージェントを使って、新機能のローンチ動画を制作する。 マーケティングページ向けに、統一感のある映画的なUI紹介ショットを作成する。 プロダクトのモーショングラフィックスにおけるショット構成とカメラの動きを学ぶ。
cinematic-shot のインストール方法は?
skills CLIでスキルをインストールする: npx skills add 1weiho/cinematic-shot エージェントにローンチ映像を依頼する(例:新しい検索機能のシネマティックなローンチ動画)
cinematic-shot はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/1weiho/cinematic-shot

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト