Community画像github.com

Instagram カルーセル

テクノロジー/AI系クリエイター向けに、5つのハウススタイルから選べるInstagramカルーセル投稿(1080×1350)を作成し、英語とヒングリッシュのキャプションも生成します。トピック、スクリプト、リンクを指定してカルーセルやInstagram投稿を依頼するときに使います。

Instagram カルーセル とは?

このスキルは、テクノロジーやAIに関するトピックを、視覚的に魅力的で読み応えのあるInstagramカルーセル投稿に変換するために設計されています。ユーザーがトピック、スクリプト、またはURLを提供すると、アシスタントが自動的にリサーチとファクトチェックを実施し、6~9枚のスライド構成(表紙+コンテンツ+CTA)を計画します。各スライドは1つのアイデアに焦点を当て、スワイプを促すフッター、スライド番号、そして適切なハウススタイル(Editorial、Sticker、Dark tech-news、Minimal notebook、Bold pastel)を適用します。ビルド前にスライドのテキスト案とキャプションの承認を得た上で、デザイン可能なキャンバス形式(例:ClaudeのDesignタイプ)または自己完結型HTMLファイルとして出力します。出力後は、カルーセルがどのように構成されているか、各スライドの内容を1行で伝え、カバー画像の代替テキストも提供します。このスキルは、@decodedebangiのようなソフトウェアエンジニア系クリエイターが、技術ニュース、AIの最新情報、学生向けエンジニアリングのヒントを効果的に発信するために最適化されていますが、あらゆるテクノロジートピックに応用可能です。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/DecodeDebangi/instagram-carousel-skill/tree/main

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

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

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

ドキュメント

Instagram カルーセル投稿

トピック、スクリプト、またはリンクを、すぐに投稿できるInstagramカルーセルに変換します。スクロールを止めるカバー、それぞれが1つのアイデアを伝える5~9枚のスライド、そして英語とヒングリッシュのキャプションが含まれます。ソフトウェアエンジニア系クリエイターのページ(技術ニュース、AIアップデート、学生向けエンジニアリングのヒント)向けに設計されていますが、あらゆるテクノロジートピックで機能します。

0. デフォルト設定(ユーザーが別途指示した場合は変更)

設定デフォルト
ハンドル@decodedebangi
サイズ1080 × 1350 px(Instagram ポートレート 4:5)
スライド数6~9(カバー + コンテンツ + CTA)
スタイルユーザーが指定したもの、それ以外は Editorial
言語スライドは英語、キャプションは英語 および ヒングリッシュ
写真ユーザーから提供がない限り使用しません。最終投稿に空の写真プレースホルダーを絶対に残さないでください

スタイルファイルは styles/ にあります。使用するスタイルのファイルのみを参照してください。

スタイルファイル最適な用途
Editorialstyles/editorial.md説明、ロードマップ、「Xの仕組み」
Stickerstyles/sticker.md遊び心のあるヒント、ツールのワークフロー、「私のセットアップ」
Dark tech-newsstyles/dark-tech.md週間まとめ、セキュリティニュース、ローンチ情報
Minimal notebookstyles/minimal-notebook.md学習ノート、学生向けコンセプト、チートシート
Bold pastelstyles/bold-pastel.md辛口コメント、神話vs事実、大きな単一統計

各スタイルファイルには、トークン、コンポーネント、レイアウトルールが含まれています。templates/<style>.html には、コピーして使用できる機能的なカバーとコンテンツスライドのサンプルがあります。

1. 情報収集

トピックまたはスクリプトを受け取ったら、構築を開始します。不足していて重要な情報(スタイル、スライド数、言語)のみを、1回のメッセージで一度だけ質問してください。写真については質問せず、後で追加できることを提案してください。

まずフォーマットを確認してください。カルーセルは、順序立てて再読する価値のあるアイデア(手順、フレームワーク、ビフォーアフター、スクリーンショット用のリスト)に適しています。アイデアが単一の主張であったり、動きや顔が必要な場合はその旨を伝え、代わりにリールを提案してください。それでもユーザーがカルーセルを希望する場合は、作成を続行します。

2. リサーチとファクトチェック(スキップしないこと)

  • ユーザーがスクリプト/投稿を貼り付けた場合: ユーザーのコンテンツを使用しますが、提供されたリンクは必ず読んでください。スライドに載せる前に、すべての数字、名前、主張をソースと照合してください。
  • 誰が話しているのか? ソースが自分の製品を宣伝している誰かによって書かれている場合(「これが私が作ったものです」)、構築前にその旨をユーザーに伝え、スライド上では主張やベンチマークをその人に帰属させ(「彼ら自身のテスト」)、決して中立的な事実として提示しないでください。ユーザーがプロモーション投稿と説明記事のどちらを望んでいるか尋ねてください。多くの場合、説明記事を望んでいます。
  • 製品の事実(Claude Code、API、ツールなど):記憶ではなく、公式ドキュメントから入手してください。コマンド、制限、機能は変更されます。
  • 自己報告による数値は、そのようにラベル付けされたままにしてください。統計データを作成したり、埋め草を入れたりしないでください。
  • 例示(架空のエラーメッセージ、サンプルパスなど)は、それが例であることをユーザーに伝える場合にのみ許可されます。
  • ユーザーのスクリプトとソースの間に不一致がある場合(例:「ブログには7つのレイヤーとあるのに、あなたのカバーは6つと言っています」)、黙ってどちらかを選択するのではなく、その旨を報告してください。

3. スライドの計画

  1. カバー — 専門用語を知らない人にも理解できるものでなければなりません。技術用語(「コンパクションは間違った修正方法です」)ではなく、読者の悩みや好奇心(「なぜあなたのAIエージェントは物事を忘れるのか」)でリードしてください。テスト:CSの2年生が2秒でこの投稿の内容を理解できるか?ユーザーが迷っている場合は、3~4のカバーテキストオプションを提案し、1つを推奨してください。
  2. スライド2、2番目のフック — これがなぜ重要なのか、一文で。Instagramは後続のスライドからカルーセルを再度表示できるため、このスライドはそれだけでカバーとして機能する必要があります。前置きや背景であってはなりません。
  3. コンテンツスライド — 各スライドに1つのアイデア:見出し(6語以内、スライドの要点)+ 2~4の短いポイント、または1つの大きな数字。重要な数字は大きなタイプで表示します。
  4. 中間フック — 「落とし穴」と「修正方法」のペアで、人々のスワイプを促し続けます。
  5. まとめスライド — 投稿全体を短いリストやチートシートとして、文脈がなくても読めるようにします。このスライドはスクリーンショットされて送信されるためです。ハンドルを記載してください。
  6. CTAスライド — 1つの主要なアクションと、リンクがある場合は「リンクはコメント欄にあります」というテキスト。
  7. 最後を除くすべてのコンテンツスライドにフッターキュー:「スワイプ」、または次のスライドへのティーザー(「修正方法」、「何が生き残る?」)。

最初に登場するすべての製品名や固有名詞を紹介してください(「Claude Code、Anthropicのコーディングエージェント、...」)。

ビルド前にコピーの承認を得る

デザイン作業の前に、スライドごとのテキストを番号付きリストとして、キャプションとともに表示してください。/ig-human が利用可能な場合は、最初にスライドテキストと両方のキャプションをそれに通し、事実、数字、製品名、ヒングリッシュの表現が変更されていないことを確認してください。ユーザーがこのステップをスキップするよう依頼した場合を除き、承認を得た後にのみビルドを開始してください。

4. ビルド

Design / キャンバスアーティファクトタイプが利用可能な場合(例:ClaudeのDesignタイプ):1つのキャンバスを作成し、スライドごとに1つのアートボード(各1080 × 1350)を、80px間隔で1列に配置します。各カルーセルを独自の行に配置し、その上にタイトルノートを付けます。タイプ固有のフォーマットルールに従い、インラインスタイル、固定サイズのルートを使用します。

それ以外の場合: スライドごとに1つの自己完結型HTMLファイル(またはすべてのスライドを積み重ねた1ページ)、各スライドは固定の 1080px × 1350px ボックス、フォントはGoogle Fontsから使用します。

すべてのスタイルに適用されるルール:

  • 色、フォント、コンポーネントはスタイルファイルから取得します。1つのカルーセル内でスタイルを混在させないでください。
  • 全スライドの背景は、ルートに background-color + background-image としてインラインで配置します。クラスの上に background: ショートハンドを決して使用しないでください。グリッドやテクスチャが消去されます。
  • すべてのスライドに同じヘッダーとフッターを使用し、スライドカウンター n/N が正しいことを確認します。
  • アイコン:インラインSVG。スライド上に絵文字は使用しません。
  • 本文テキストの最小サイズは30px、見出しは96px以上。スマートフォンで読まれることを想定しています。

オーバーフローバジェット(#1のバグ)

各スライドを書き始める前に、高さの合計を計算します。コンテンツは上部から1180px以内に収まり、フッター(約1240~1300の位置)に決して触れないようにする必要があります。

おおよその行の高さ:テキストの高さ ≈ フォントサイズ × line-height × 行数。 行数 ≈ 文字数 ÷ (使用可能な幅 ÷ 文字幅)。 文字幅 ≈ フォントサイズ × 0.5(Fredoka/Inter)、0.6(JetBrains Mono)、0.42(Anton、大文字)。使用可能な幅は約920pxからカードのパディングを引いたものです。

オーバーフローする場合:まず単語を削減し、次に見出しを縮小し、最後に間隔を詰めます。本文テキストを30px以下に縮小しないでください。スライドあたり最大約4つのカードまたは5つの箇条書きとします。

5. キャプション

英語とヒングリッシュ(ローマ字で書かれたヒンディー語と英語が混ざった、クリエイターがリールで話すような会話調のもの)の2つのバージョンを書きます:

  1. フックとなる質問または太字の行(デフォルトでは絵文字なし、最大1つ、まれに使用)
  2. 2~3の短い段落:何が起こっているか、落とし穴、 takeaways
  3. 投稿が実用的な場合、3~4の矢印(→)ヒント
  4. 「スワイプ...」の行、「リンクは最初のコメントにあります」、「これを保存...」
  5. 関連性の高い5つのハッシュタグ、小文字(#viral, #fypは使用しない)

最初のコメントに記載する正確なリンクを提供します。スライドまたはソースにある事実のみを使用します。投稿が誰かの製品を宣伝する場合、キャプションにはそれが誰のものかを明記します。

6. 引き渡し

  • 各スライドの内容を1行でユーザーに伝え、さらに、あなたが仮定したことや確認できなかったことがあればそれも伝えます。
  • エクスポート:スライドごとに PNG 1×(1080 × 1350はInstagramのネイティブポートレートサイズであり、2×にしてもダウンスケールされます)。ファイル名は 01-cover.png … の順にしてください。
  • 代替テキスト:最低でもカバー用に、スライドに何が書かれているかを説明する代替テキストを書きます。
  • オプション:カバーに写真を入れる、別のスタイルを試す、内部修正を行うなどを提案します。

関連スキル