Communitygithub.com

ショート動画フォーマット(ソフトウェア製品向け)

TikTok、Instagram Reels、YouTube Shorts、Xiaohongshu向けのプロモーションショート動画のフォーマットを選択・計画するスキルです。特にソフトウェア製品、開発ツール、AIエージェント向け。

ショート動画フォーマット(ソフトウェア製品向け) とは?

このスキルは、ソフトウェア製品や開発ツール、AIエージェントのプロモーション用ショート動画のフォーマットを選択し計画するためのものです。TikTok、Instagram Reels、YouTube Shorts、Xiaohongshuの4プラットフォームを対象とし、2026年11月に人気を博したPaperclipやMulticaなどのオープンソースAIエージェント製品を分析した結果に基づいています。 4つの主要フォーマット(デモ上のトーキングヘッド、スマホで画面撮影、顔出しなしデモ、トーキングヘッドで始まりフルスクリーンデモ)をカバーし、9:16(1080×1920)のレイアウトルール、フックとエンディングのパターン、AIプレゼンターの作成方法を詳述しています。特に、最初のフレームをカバー兼フックとすること、UIをフレーム高の半分以上にすること、実際の製品UIを再構築することなどのルールが重要です。 AIエージェントはフォーマット3(顔出しなしデモ)、1(トーキングヘッド)、4(トーキングヘッド→フルスクリーン)をエンドツーエンドで生成できます。現在の状況に応じて、まずフォーマット3から始め、必要に応じてプレゼンターを追加することを推奨しています。 開発者にとって有用な点は、実際の分析データに基づいた実践的なフォーマット選択基準、UI再構築による高品質な動画制作、AIプレゼンターの一貫した生成と倫理的開示、そして具体的なフックやエンディングのパターンが提供されていることです。また、関連スキル(remotion-video、viral-remake、social-publish)との連携も示されています。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ummydev/marketing-team-skills/tree/HEAD/skills/short-video-formats

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ソフトウェア製品向けショート動画フォーマット

スクリプトを作成する前に、まずフォーマットを選んでください。私たちは2026年11月に、2つのオープンソースAIエージェント製品(PaperclipとMultica)に関するTikTokとInstagramで最も視聴された動画を分析しました。リーチの大部分は公式アカウントではなく個人のクリエイターから生まれており、そのほとんどが以下の4つのフォーマットのいずれかを使用していました。

4つのフォーマット

#フォーマット画面に表示されるもの例(再生回数)制作コスト
1トーキングヘッド + デモオーバーレイプレゼンターが下半分(胸から上)でカメラに向かって話す;上半分にUIアニメーション、GitHubページ、サイトのスクロールを表示@rahuliyer.ai(105万回)プレゼンター(実写またはAI)が必要
2スマホで画面を撮影スマホでノートPCの画面を撮影;指がGitHubページを指しながら、クリエイターが話しながらスクロール@making_in_time_(11.5万回)スマホを持った人が必要;AIエージェントでは不可
3顔出しなしデモ製品UIがフレームを埋め、大きなキャプションと時折モーショングラフィック@techwith.ram(26.4万回)最も低コスト;完全自動化可能(スキル:remotion-video)
4トーキングヘッドで始まり、その後フルスクリーンデモ最初の約5秒はフォーマット1でフック、その後フルスクリーンUIで詳細をズームイン、中間と最後に再びプレゼンターにカットバック@dr_cintasフォーマット1と同じプレゼンター

AIエージェントはフォーマット3、1、4をエンドツーエンドで作成できます。まずフォーマット3から始め、フォーマット1や4にはプレゼンターを追加します。

レイアウトルール(9:16、1080×1920)

  • 製品UIはフレーム高の少なくとも半分を占め、端から端まで表示します。 製品のUIが明るい場合、その帯は白になります。黒地に浮かぶ薄いカードはスライドショーのように見えます。
  • 最初のフレームはカバーでありフックです。 ほとんど黒であってはならず、何もないところからフェードインしてはいけません。フレーム0からUIを表示します。
  • 最初の画面はすっきりと保ちます。 2枚の完全なカードと次の行の上部のみで、ダッシュボード全体は表示しません。重要でないサイドバーやクロームは非表示にします。最初の1秒で小さなテキストの壁があるとスワイプされてしまいます。
  • 黒は帯のみに使用: 上部のタイトルまたはフック帯、下部のキャプション帯。キャプションはUIの中央に決して重ねません。
  • 実際のUIを再構築します。 製品と同じレイアウト、フォント、色、ボタン、ラベルを使用します。簡略化した図や、製品にない機能は使用しません。画面録画は不要です。再構築したUIの方が鮮明でズームも可能です(スキル:remotion-video)。
  • デモデータにラベルを付けます(チャートの隅に「デモデータ」と表示)。発明した結果を実際のものとして表示してはいけません。

フックとエンディング

  • このカテゴリーで効果的だったフック: 「従業員0人。完全な会社。」・「誰かがAIエージェントで会社全体を運営できるツールをオープンソース化した」・「Claude Codeへのプロンプトをやめた。雇ったんだ。」・「もしあなたが…できたら?」
  • 証明: GitHubスター、製品の実際の数値、Before/After。
  • エンディング: 「コメントで<単語>と書くと、セットアップガイドを送ります。」 単語は製品名かフックの動詞です。このような投稿は、いいねよりもコメント数が多いことがよくありました(ある例では、いいね5,395件に対してコメント10,735件)。これはアルゴリズムに好影響を与えます。ただし、実際に誰か(またはプラットフォームの公式APIに接続された自動DMツール、例:InstagramのManyChat)がそのリンクを送信する場合にのみ使用します。約束したリンクが届かないと、怒りのコメントがつきます。
  • 視聴者の言葉で書く:「KPI」ではなく「目標」、「設定」ではなく「雇う」。

AIプレゼンターの作成(フォーマット1と4)

  1. 顔: 画像モデルで1人の架空のプレゼンターを生成します。プロンプトは、フロントカメラの自撮り動画フレーム、9:16、頭のてっぺんから胸の中央まで、レンズを見つめ、口を閉じ、口の前に何もなく、自然な肌の質感で美顔フィルターなし、生活感のある在宅オフィスの背景。4つの候補を作成し、1つを選び、その顔をすべての動画で使い回して、アカウントに認識可能なホストを持たせます。アカウントにマスコットがいる場合は、それを基にプレゼンターを作成します(同じ髪型、服、色)。
  2. 声: そのプレゼンターに固定された1つの声。無料のブラウザTTSはリアルな顔の横ではロボットっぽく聞こえます。商用ライセンスのある声を使用します(CapCutの内蔵音声、ElevenLabsなど)。スクリプト全体をレンダリングし、センテンスごとにカットします。
  3. リップシンク: 画像+音声→トーキング動画モデル(OmniHuman、Kling Avatar、Hedra、HeyGen Avatar)を使用して、スクリプトとタイミングが口の動きを制御するようにします。テキストから動画を生成するモデル(独自にセリフを即興で作るもの)は避けます。5〜10秒のセグメントで生成し、失敗したものだけをやり直します。
  4. 動画ツールでアセンブル: フォーマット1では上部約55%にUI、下部にプレゼンターを配置し、キャプションは境界線に置きます。フォーマット4では最初の4〜5秒はプレゼンターをフルスクリーンで表示します。
  5. 開示: TikTokの「AI生成コンテンツ」ラベルとInstagramのAI情報を有効にします。プレゼンターは架空です。決して個人的な経験を語らせてはいけません(「これを3ヶ月使ってきました」など)。

チェックリスト

  • フォーマットを選択し、スクリプトに名前を付けた
  • UI帯が高さの50%以上、全幅である
  • 最初のフレームに実際のUIが表示され、すっきりしており、黒くない
  • 実際の機能のみ表示;デモデータにはラベルが付いている
  • 最初の行と最初のフレームにフックがある
  • 実際に実行可能なCTAで終わっている
  • AIプレゼンター:固定の顔と声、AIラベルがオン

遭遇した落とし穴

  • 黒地にダイアグラムカード。 最初の製品動画では、黒い背景に浮かぶ簡略化されたカードを使っていました。スライドのようで、製品らしくありませんでした。修正版では、実際のUIをフレームの3分の2を占める白い帯に再構築しました。
  • 空白の最初のフレーム。 各シーンがフェードインしていたため、カバーとなるフレーム0が空でした。現在は最初のシーンが完全に表示された状態で始まります。
  • 情報過多の最初の画面。 冒頭にサイドバーと6枚のカードがあるマーケットプレイスページを表示していました。最初の1秒で読むにはテキストが多すぎました。2枚の完全なカードと次の行の一部だけに減らしたことで、一目で読めるようになりました。
  • 製品にない機能。 スクリプトの最後に、動画内だけで存在する「クルーグループチャット」を入れていました。製品の実際のダイレクトメッセージに置き換え、音声ラインを書き直しました。
  • 偽物だとわかる髪型。 最初のAIプレゼンターのボリュームのあるカーリーヘアが偽物だとわかってしまいました。普通のボリュームの、ありふれた最近のヘアカットを指定しましょう。

関連スキル

  • remotion-video:フォーマット1、3、4の構築。
  • viral-remake:特定のバイラル動画を基にフォーマットを作成する場合。
  • social-publish:アップロード時のキャプション、CTA、AIラベル。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

ummydev/ai-search

When the user wants to make a site readable, accurate and quotable for AI assistants (ChatGPT, Claude, Perplexity, Gemini, Copilot, Google AI Overviews) so they describe the product correctly and cite it. Use when the user says "llms.txt", "llms-full.txt", "AI search", "GEO", "AEO", "get cited by ChatGPT", "show up in Perplexity answers", "allow AI crawlers", "GPTBot in robots.txt", "AI gets our pricing wrong", "AI confuses us with another product", "brand name collision", "Organization schema sameAs" or "make the site agent-readable". Covers llms.txt, robots.txt for AI crawlers, definition sentences, comparison tables and FAQ, public pricing, Organization and WebSite structured data, and brand naming.

ummydev/index-push

When the user wants to get new or changed pages crawled and indexed by Google and Bing quickly, instead of waiting weeks for the sitemap to be read. Use after any deploy that adds or updates pages, and when the user says "get this indexed", "request indexing", "submit to Google", "submit URLs to Bing", "IndexNow", "ping search engines", "resubmit the sitemap", "why isn't my page indexed", "Discovered – currently not indexed", "URL is unknown to Google", "Quota Exceeded in Search Console" or "indexing queue". Covers IndexNow, Search Console URL Inspection and sitemaps, Bing Webmaster URL submission, a prioritized queue file, and diagnosing pages that stay out of the index.

ummydev/remotion-video

When the user wants to make a vertical promo video of their own software product in code with Remotion, rebuilding the product's real UI instead of screen-recording it, with a TTS voice-over, captions timed to the voice and camera moves that zoom into details. Use when the user says "Remotion", "make a product video", "faceless demo video", "UI motion video", "programmatic video", "product reel", "animate our UI", "render the video", or wants a TikTok or Reels video about their app that an agent can re-render after every change.

ummydev/video-retro

When the user wants to review how their short videos performed on TikTok, Instagram Reels or other platforms and decide what to make next. Covers reading views, likes, comments, saves and follows without scraping, the stats log, 24-hour and 72-hour checks, comparing topics, formats and hooks, the daily report and recording what to change. Use when the user says "how did the video do", "video stats", "复盘", "retro", "which videos worked", "why did this flop", "weekly video report", "update the stats", or at the start or end of a short-video working day.

関連スキル