Communitygithub.com

ig-carousel

Instagramカルーセル投稿の作成を支援します。カバー、スライドごとのコピー、1080x1350のファイルを生成します。「カルーセル」「スライド」「スワイプ投稿」「これをカルーセルにして」といったリクエストや、リスト形式・ステップ形式のアイデアに最適です。

ig-carousel とは?

このスキルは、Instagramのカルーセル投稿(スワイプ式スライドショー)をゼロから構築するためのものです。カルーセルはスクロールではなくスワイプを促すため、ユーザーのエンゲージメントが高く、Instagramが未反応ユーザーに再度表示する可能性もある高パフォーマンスな形式です。ユーザーが「カルーセル」「スライド」「スワイプ投稿」「これをカルーセルにして」と発言した場合や、リスト形式・ステップ形式のアイデアを単一画像で表現するには不十分な場合に使用します。スキルは、カバー、各スライドのコピー、キャプションの作成、そして最終的な1080x1350のアップロードファイル生成をガイドします。カバーは結果の80%を占める最重要要素であり、6語以内・グリッド表示に耐えるサイズ・中央から120ピクセル以内に配置する必要があります。スライドは6〜10枚が推奨され、各スライドは1つのアイデアに絞り、25語以内に収めます。最後にキャプションは別スキル`/ig-caption`に委ね、カルーセル専用の戦略(カバーが最初のフックを担当するため、キャプションは異なる役割を担う)に沿って生成します。出力はまずスライドごとのコピーを番号付きリストとしてユーザーに確認させ、承認後にHTMLからファイルを生成します(Webブラウザの印刷機能などを利用)。アップロードは手動で行います。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Charee-Villapong/skills/tree/HEAD/ig-carousel

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

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

ドキュメント

ig-carousel は何をしますか?

カルーセルは、グリッド上で最も滞在時間の長い形式です。なぜなら、スワイプはインタラクションであり、スクロールはそうではないからです。さらに、カルーセルは二度目のチャンスを得ます。Instagramは、最初にエンゲージしなかったユーザーに対して、後半のスライドから再度カルーセルを表示することがあります。そのため、スライド2も単独で成立しなければなりません。

この形式は、1つのアイデアをステップに分割したものに適しています。キャプションを細切れにしただけのものは逆効果です。

リールの代わりに使うべき場面

カルーセルを使うのは、アイデアに順序があり、読み返す必要がある場合です。手順、パートに分かれたフレームワーク、ビフォーアフター、スクリーンショットに値するリストなど。リールを使うのは、アイデアに動きや顔、または実際に起こっている様子を見せる必要がある場合です。

アイデアが単一の主張だけなら、どちらでもありません。その場合は /ig-reel に任せて、そう伝えてください。

構成

6~10枚のスライド。上限は20枚ですが、20枚はほとんどの場合、誰も最後まで読まない本のようなものです。5枚未満ではスワイプが始まりません。

1     カバー     フック。6語以内で、サムネイル表示でも判読できるサイズ。その下に1行の約束。
2     ステーク   これが重要な理由を一文で。このスライドは2枚目のカバーでもあるため、前置きではいけません。
3~N  スライドごとに1つのアイデア。3~7語の見出し、その下に最大25語。スライドに段落が必要なら、2枚に分割。
N+1   まとめ     全体をリストで。これがスクリーンショット用スライド。
最終  CTA        1つのアクション。保存、キーワードコメント、フォローのいずれか。1つだけ。

スライドコピーのルール

  • カバーが結果の80%を決めます。 6語。大きく。どんなスライドも、スワイプされないカバーを救うことはできません。
  • グリッドのトリミングに合わせてデザインする。 プロフィールグリッドは縦長のポートレート長方形にトリミングされ、その正確な比率は過去に何度も変更されています。1080x1350で構築し、カバーテキストを中央付近に、四方の外側120ピクセルを避けて配置すれば、トリミングの影響を受けません。
  • スライドに番号を振る(例:3/8)。 終わりが見えると完了率が上がります。
  • どのスライドも段落にしない。 25語で言えないなら分割します。
  • まとめスライドは、人々がスクリーンショットして送るスライドです。 「送信」は得られる最も強力なシグナルです。文脈なしで単独で読めて理解できるようにします。
  • ハンドル(アカウント名)はすべてのスライドに、小さく、下部隅に。スクリーンショットはあなたなしで拡散されます。
  • 少なくともカバーには代替テキストを設定する。 スクリーンリーダーとInstagramによって読み上げられます。

ファイルの作成

Instagramは1080x1350(4:5)、JPEGまたはPNG、最大20アイテムを要求します。HTMLで構築し、各スライドを印刷します。

# スライドごとに1つの<section>、1080x1350、page-break-after: always
# その後、Chromeヘッドレス --print-to-pdf、またはお使いのHTMLto画像ツール

HTMLは width:1080px; height:1350px、1つのアクセントカラー、32px以上のフォントサイズで記述します。これは実寸の3分の1でスマートフォンで読まれるためです。プロジェクトにブランドスキルやデザインシステムがある場合は、それを使用し、独自のパレットを考案しないでください。

出力

まず、スライドごとのコピーを番号付きリストで出力します。ユーザーが10秒で読み、レンダリング前に編集できるようにするためです。次にキャプションを出力します。カルーセルの場合、キャプションは /ig-caption のジョブBです。ここではキャプションが重要な役割を果たします。なぜなら、カバーはすでに6語を使い果たしているからです。

両方とも /ig-human にかけてください。ユーザーがコピーを承認した後にのみファイルを構築します。

カルーセル  ·  8スライド

1  カバー  18,000ドルの条項
           私が今、すべての契約に入れている一文。
2  ステーク  仕事を承認しました。9日後、彼らは返金を求めてきました。
3          その内容
           承認時ではなく、納品時支払い。
...
7  まとめ  4つの条項すべてを順に。
8  CTA     CONTRACTとコメントすれば、全文を送ります。

キャプション:ジョブB、フックは1行目、1つのお願い、3つのタグ。

何もアップロードしません。ユーザーが投稿します。

Individual skills in this repo

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

関連スキル