Community画像github.com

pierrernrd04-ai/traceo-reels

Instagramのカルーセル(スワイプ投稿)を構築します。カバー、スライドごとのコピー、アップロード用の1080x1350ファイルを生成します。ユーザーが「カルーセル」「スライド」「スワイプ投稿」「これをカルーセルにして」と言ったり、リスト形式やステップ形式のアイデアがある場合に使用します。

traceo-reels とは?

このスキルは、Instagramで高いエンゲージメントを誇るカルーセル(複数スライド投稿)の作成を支援します。カルーセルは、スクロールではなくスワイプというインタラクションを生むため、一般的な静止画よりもユーザーの滞留時間が長くなります。また、最初に見逃されたユーザーに対し、後続のスライドから再表示される可能性があるため、各スライドが独立して機能する必要があります。このスキルは、アイデアをステップに分解し、1スライド1アイデアの原則に従って、最大20スライドのカルーセルを設計します。特に重要なのはカバースライドで、グリッド内で視認性を確保するため6ワード以内に収め、フォントサイズを大きく設定します。出力はまずテキストベースのコピーを番号付きリストで提示し、ユーザーが承認した後にのみHTMLファイル(1080x1350ピクセル)に変換されます。キャプションは別スキル「ig-caption」に引き継がれ、人間らしい表現に調整されます。アップロードはユーザー自身が行い、このスキルは素材作成までを担当します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/pierrernrd04-ai/traceo-reels/tree/HEAD/studio/skills/ig-carousel

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

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

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

ドキュメント

ig-carousel

カルーセルは、グリッド上で最も高い滞留時間を誇るフォーマットです。なぜなら、スワイプはインタラクションであり、スクロールはそうではないからです。また、カルーセルには二度目のチャンスもあります。Instagramは、最初にエンゲージしなかったユーザーに対して、後続のスライドからカルーセルを再表示できるため、2枚目のスライドも単独で成立する必要があります。

このフォーマットは、1つのアイデアをステップに分割したものを評価します。キャプションを断片に切り刻んだものは罰せられます。

リールの代わりに使用するタイミング

アイデアに順序があり、再読が必要な場合(ステップ、パーツからなるフレームワーク、ビフォーアフター、スクリーンショットを撮りたくなるリスト)はカルーセルを使用します。アイデアに動き、顔、または発生する様子を見せなければならない決定的瞬間がある場合はリールを使用します。

アイデアが1つの主張だけの場合は、どちらでもありません。/ig-reelに渡してその旨を伝えてください。

構成

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

1        カバー    フック。6ワード以内、サムネイルでグリッド上でも判読できるサイズ。その下に約束を1行。
2        ステーク  なぜこれが重要なのか、一文で。このスライドは2枚目のカバーでもあるため、前置きではいけません。
3~N     1スライド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 headless --print-to-pdf、または既存のHTML-to-imageツールを使用

HTMLは width:1080px; height:1350px、単一のアクセントカラーで記述し、フォントサイズは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 4 individual skills — each has its own dedicated page.

関連スキル