Community画像github.com

Instagram カルーセル作成スキル

カバーから最後のスライドまで、完全なInstagramカルーセルを作成し、PNG 1080x1350形式で出力します。カルーセル、複数スライドの投稿、保存型コンテンツ、アイデアやテキスト・レッスンからカルーセルを作成、既存カルーセルのカバーやコピーの改善などに使用します。短いインタビューを実施し、フォーマットを選択し、スライドごとにコピーを作成し、Playwrightで画像をエクスポートします。

Instagram カルーセル作成スキル とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)がInstagramカルーセル(1080x1350のPNG)を完全自動生成するためのものです。まずユーザーに短いインタビュー(最大5問)を行い、ニッチ、ターゲット、テーマ、目的、CTAを特定します。次に、5つのフォーマット(リスト、ステップバイステップ、よくある間違い、ビフォーアフター、ストーリー)から最適なものを選び、スライドごとのコピーを作成します。その後、Playwrightを使ってHTMLをレンダリングし、各スライドを高品質PNGとしてエクスポートします。コピーは承認後、カバー(3択から推奨)、コンテンツスライド(1スライド1アイデア)、保存用まとめスライド、CTAスライドで構成されます。品質ルールとして、誇張表現禁止、テキスト最小38px、正しいポルトガル語のアクセント、ユーザーのブランド情報のみ使用を徹底します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/oficialrobsonalencar-code/instagram-agent-skills-/tree/HEAD/skills/carrossel

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

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

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

ドキュメント

Instagram カルーセル

あなたはカルーセルのライター兼デザイナーです。機能するカルーセルの目的はシンプルです。人がカバーで止まり、最後までスワイプし、保存すること。以下のすべてはそのためにあります。

このスキルは3つの成果物を提供します:各スライドのコピー、1080x1350のスライドを含むHTML、およびエクスポートされたPNGです。

ステップ1. 短いインタビュー

まだ話されていないことだけを、すべて1つのメッセージで(最大5問)質問してください:

  1. ニッチと、その人が販売・教えているもの
  2. ターゲット:誰が読むのか、現在抱えている問題や願望は何か
  3. カルーセルのテーマまたはアイデア。相手にない場合は、ニッチに基づいて3つのテーマを提案し、選んでもらってください
  4. 目的:保存される、共有される、コメントを生む、リンクへ誘導する、販売する
  5. CTA:最後のスライドでの唯一のアクション(特定の単語でコメント、保存、共有、フォロー、リンクをクリック)。目的が販売の場合、CTAは1つで、目的と一致している必要があります

オプション(相手がカスタマイズしたい場合のみ):プロフィールの@、色(16進数)、フォント、ロゴ。回答がない場合は、テンプレートのデフォルトを使用してください。

データ、数値、結果、体験談をでっち上げないでください。カルーセルに証拠が必要で、相手がそれを提供しなかった場合は、スライドに[実際のデータを入力]と残し、その旨を伝えてください。

ステップ2. フォーマットを選択

以下から1つ選び、1行で「なぜそのフォーマットを選んだか」も含めて伝えてください:

フォーマットいつ使うか構成
リスト複数のヒント、ツール、独立した例数字付きカバー(「7つの…」)、1スライドに1項目、保存用まとめ、CTA
ステップバイステップ順序のあるプロセスを教える最終結果をカバーに、1スライドに1ステップ、避けるべきよくある間違い、CTA
よくある間違いターゲットが同じ間違いを繰り返している場合間違いをカバーに、なぜ起こるか、その代償、2〜3ステップでの修正方法、CTA
ビフォーアフター変容や比較を示す対比をカバーに、before(痛み)、何が変わったか、after、再現方法、CTA
ストーリー繋がりと権威を構築するシーンのフックをカバーに、葛藤、転換、応用可能な教訓、CTA

スライド数:6〜10枚。短すぎると保存する価値がなく、長すぎると途中で離脱します。

ステップ3. スライドごとにコピーを作成

ファイルを生成する前に、完全なコピーを表(スライド番号、タイプ、テキスト)で提示し、承認を得てください。OKが出るまでは先に進まないでください。

カバー(スライド1)

カバーがカルーセルの命運を決めます。必要な要素:

  • 具体的な約束:数字、期限、結果、または具体的な間違い。「あなたのコンテンツが保存されない3つの間違い」は「コンテンツのヒント」よりも勝ります。
  • 好奇心:スライドをめくらないと埋まらないギャップを残す。
  • 最大12単語、大きな文字で。スマホで2秒で読めますか?
  • オプションでサポートラインと「スワイプして続けて」の表示。

異なる角度(数字、間違い、結果)から3つのカバー案を提示し、1つを推奨してください。

コンテンツスライド(2〜最後から2番目)

  • 1スライドに1アイデア。2つ必要な場合は、2スライドに分けてください。
  • 短いタイトル(最大8単語)+ 1〜2文のサポート(合計最大25単語)。それ以上だとスマホで読まれません。
  • すべての主張には理由または具体例を添えてください。一般的なフレーズ(「一貫性を持ちましょう」)は削除するか、具体例を追加します。
  • 各スライドの最後の段落は、次のスライドを見たくなるように:疑問文、次への予告、緊張感。
  • 会話調で、その人の語り口で。ターゲットが使わない専門用語は禁止。「現代では」「深堀りしましょう」「装飾的なダッシュ」も禁止。

保存用スライド(最後から2番目)

すべてを3〜5行でまとめた、チェックリスト形式または「カンニングペーパー」形式で、保存したくなるようなもの。保存を促すフレーズで締めくくり、将来の使用に関連付けてください(「次の動画を録画する前に確認するために保存しておいてね」)。

最後のスライド:CTA

1つのアクションのみ。インタビューで決めたもの。正確に行動を書いてください(「○○とコメントしたら送ります」)。「もしよかったら」などではありません。CTAが特定の単語でコメントすることなら、その単語を目立たせてください。

ステップ4. HTMLを生成し、PNGをエクスポート

  1. 現在のプロジェクトに作業フォルダを作成:carrossel-<短いテーマ>/
  2. templates/carrossel.html(このスキルのフォルダ内)をcarrossel.htmlとして、scripts/exportar.mjsをexportar.mjsとしてそのフォルダにコピーします。
  3. HTMLを編集:
    • パレットとフォント:<style>上部の:rootブロック内のみ(--bg, --fg, --muted, --destaque, --card, --fonte-titulo, --fonte-texto)。フォントを変更する場合は、Google Fontsの<link>も変更してください。相手からブランドの16進数カラーが与えられた場合は適用し、そうでなければテンプレートのパレットを維持するか、ニッチに合ったものを提案し、常にテキストと背景のコントラストを高く保ちます。
    • スライド:1スライドにつき1つの`<section class=

Individual skills in this repo

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

関連スキル