Communityコーディング&開発github.com

aurumiles/カルーセル生成スキル

インスタグラム用カルーセルを、Canva なしで、レッスン1のスライドスタイル(黒背景、Oswald斜体+Inter、赤または指定のアクセントカラー、実際の写真をトリミング、最小限のテキスト、1080×1350)で生成します。Davide が新しいカルーセルを依頼したとき、または「レッスンのスライドのように作って」と指示したときに使用します。Canva 上のカルーセルは `caroselli-canva` スキルを使います。

カルーセル生成スキル とは?

このスキルは、インスタグラム用カルーセル(スライドショー)を、Canva を使わずに Python スクリプトで自動生成します。デザインは Davide が指定した「レッスン1のスライドスタイル」に固定されており、黒背景、Oswald(斜体)と Inter フォント、アクセントカラー(デフォルトは赤)が特徴です。 まず、`memoria/wiki/caroselli.md` の手順に従い、Davide との対話を通じてコンテンツ(ニーズ、5〜6個の質問、検証済みの研究データ、ストーリー構成)を準備します。次に、このスキルがグラフィック部分を担当します。実際の Davide の写真を元画像から切り抜き(4:5 アスペクト比、2160px幅)、スクリプト `slide_lezione1.py` をテンプレートとして `script/carosello_NN.py` を作成し、各種コンポーネント(カバー、ポイント、比較、リスト、数字、ステートメント、CTA)を組み合わせてスライドを生成します。出力は PDF と PNG(1080×1350)としてカルーセルフォルダに保存されます。 重要なのは、各スライドが単独で理解できることです。全てのスライドは完全な文で構成され、データの出典や意味が明示され、アクセントカラーの矢印で定義と結果が結びつけられています。ラベル(kicker)は明確でテーマに沿ったもの(例:PERCHÉ、L'ERRORE)であり、カバー以外の全スライドにページ番号と赤い「スクロール」矢印が付きます。 納品物には、キャプション(絵文字付き、ハッシュタグ最大5つ)、アクセシビリティ用の代替テキストファイル、そして適切なフォルダ構成が含まれます。このスキルは主に Claude Code や Cursor などの AI エージェント向けに設計されており、Davide が手動でデザインツールを使うことなく、一貫性のある高品質なカルーセルを効率的に生成することを可能にします。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/aurumiles/Skill/tree/HEAD/caroselli-claude

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

ドキュメント

Caroselli Claude

Davide が 2026年10月13日に選んだスタイル:レッスン1のスライドのスタイル(「素晴らしい、これをすべてのカルーセルで再現したい」)。アクセントカラーはカルーセルごとに変えてもよい。システムはレッスンと同じく script/slide_kit.py で、memoria/wiki/slide-kit.md に記述されている。

最初に:コンテンツ

memoria/wiki/caroselli.md の手順に従って準備する:ニーズから始め、トピックから始めない。Davide に 5~6 個の質問をする。実際の研究(検証ステータス付き)。口調は「あなた」で Davide は非人称(ただし「ヒーローズ・ジャーニー」と「経験の振り返り」は除く)。スライドは約 8 枚(誤り+修正)、最大 13~14 枚。スローガンと CTA はキャプションに含める。結果の約束はしない。臨床的な言葉は使わない。

次に:グラフィック(このスキル)

  1. 写真:カバー(および最大で 1~2 枚の他のスライド)には Davide の実際の写真を使用する。常に Davide がデスクトップ上で指定した元画像から始める(送られてきたコピーと比較して見つける)。crop() で 4:5 にトリミングし、Davide を中央に配置、幅 2160px。
  2. 4:5 キットのコンポーネント:c_cover(全面写真、下部にタイトル)、c_point(ラベル、番号、タイトル、テキスト)、c_compare(誤り / 修正)、c_list(番号付きリスト)、c_number(大きな数字とキャプション、データや研究用)、c_statement(1 文だけ、巨大)、c_cta(スローガン、招待、プロフィール)。タイトル内の {parola} はアクセントカラーの単語。
  3. アクセントカラー:デフォルトは build(..., accent="rosso")。"oro"、"azzurro"、"verde"、または hex 値も可。Davide に変更したいかどうか尋ねる。
  4. script/slide_lezione1.py をコピーして script/carosello_NN.py を作成し、fmt="4:5" を使用する。出力:カルーセルフォルダ内に PDF と PNG、1 ページにつき 1 スライド。
  5. すべての PNG を確認する(contact_sheet も)。チェック項目:短いタイトル(3~7 語)、改行がおかしくない行、テキストが端に近すぎないこと、ページ番号が右下にあること、スライド数(Canva スキルと同様)。
  6. カルーセルフォルダに番号付き PNG(1080×1350)を納品する。公開とキャプションは caroselli.md に従う。

ルール

  • Davide に関する invent された事実は絶対に使わない。正しい経歴は memoria/wiki/davide-materiale-corso.md にある。
  • Python 3.9:f-string 式内にバックスラッシュを使用しない。Chrome headless は Google フォントをダウンロードできなければならない。
  • カルーセルコンポーネントは最初の実際のカルーセルで調整する:問題があればキットを修正し(個別ページではなく)、slide-kit.md にメモする。

カルーセルは単独で理解できなければならない(Davide のルール、2026年10月16日、#21 より)

誰もスライドを説明しない。話し手はいない。メソッド・マイルズのレッスンのように。フィードで読む人は、一度に 1 枚のスライドを見る。残りは見えない。モデルは Canva で作成されたカルーセル Caroselli pubblicati/261002_Il minuto prima fa più paura del match/(作成前に見ること):同じ長さ、同じ文構造、キットの新しいデザイン。

  1. 各スライドは単独で読める。 タイトル=主語のある完全な文(「慣れないのはすべて」ではなく「体の部位はすべて慣れるわけではない」)。リスト、比較、数字の前には必ずそれらが何であるかを示す文がある。
  2. データは、何を測定し、なぜ関係するかを必ず述べる。 証拠がテーマではない実験(#21 では氷水テスト)からの場合、1 行でそれを述べ(「手を氷水に入れてどれだけ耐えられるか」)、数字の前にその概念(閾値 / 耐性)を説明する。
  3. 意味の通じる、つながりのある文。 各文は「なぜ?」に答える。声に出して説明する必要はない。文に説明が必要なら追加する。1 文=1 行(body をリストとして、各要素が 1 文)。文を続けてピリオドで繋がない。
  4. 長さは Canva のカルーセルと同じ: タイトル 3~8 語、本文 20~35 語で 2~3 文。最後のインパクトのある文は、c_statement 内で空行("")で区切る。
  5. ラベル(kicker)は明確でテーマに沿ったもの(例:PERCHÉ、L'ERRORE、IN SINTESI)。数字は使わない(ページ番号は既にある)。カバーにはラベルなし:文言を invent しない(「PUGILATO · IL CORPO」は私の invent なので削除)。
  6. 空のスライドは禁止: テキストの下には、議論に関連するグラフィック(g_bars 棒グラフ、g_cards 2 つの数字の比較、c_point 内の img= 写真、アイコン)を配置する。埋め合わせの必要があるだけなら、まずそのスライドが必要か自問する。
  7. 保存で閉じる: c_cta(..., save=(azione, rinforzo)):ブックマークアイコン、アクションを大文字で、補強の行を斜体で。カルーセルは 4:5、1080×1350、Canva と同一。
  8. 納品前に、他のスライドを見ていないフォロワーとして各 PNG を読み直す。 もしスライドが理解のために前のスライドを必要とするなら、書き方が悪い。

#21 で Davide が確認した執筆とデザインの詳細(2026年10月17日)

  • 定義+明示的な結果。 各定義の後、赤い矢印を使って別の行に結果を書く:「閾値:打撃が痛み始める点。→ 閾値はほぼ変わらない。 / 耐性:どれだけ我慢できるか。→ 耐性は上がる。」読者に自分で関連付けさせない(<br> +アクセントカラーの矢印 &rarr;)。
  • 実験データは 3 つの要素: 測定内容(グラフ上部の大文字の文)、グラフ、グラフの下部にそれが何を示すかの行(「これは耐性が向上する証拠です」)。g_bars の note 引数として指定する。
  • 各スライドのラベル(LA DIFFERENZA、COSA CAMBIA、LA TRAPPOLA、IN SINTESI…)は大きく(40px)、スライドの意味を示し、視認できるがタイトルより小さい。キットは既に対応している。
  • 赤い「スクロール」矢印 がページ番号の横にあり、カバー(「Scorri →」と表示)と最後のスライドを除くすべてのスライドに付く。html_document が fmt="4:5" で処理する。
  • 番号付きリスト: 数字 01~04 はテキスト行の垂直中央に配置される(c_list)。
  • インパクトスライド(c_statement):テキストはページ内で垂直中央揃え、最終文は空行で区切る。
  • 説明する写真: アクション(打撃を受ける)がある場合、そのアクションの写真を使用する:被写体(Davide、打たれた顔)をクローズアップで、全体像ではなく。元画像から crop() でトリミング。ファイル名とパスは常にチャットで Davide に伝える(名前+完全パス)。Davide が他のチャットに貼り付けるため。

納品:キャプション、アクセシビリティ、フォルダ(Davide、2026年10月17日)

  • キャプションの固定構造(Davide、2026年10月17日、すべてに適用):各段落の先頭に絵文字。次に 🗡️ Continua il cammino. / Segui il metodo.(スローガン、2行)。次に 📌 保存(「Salvalo prima del… Mandalo a chi…」)を独立した段落で。次に 💬 コメントへの質問を独立した段落で。最後にハッシュタグ。ブランドやジムのハッシュタグは絶対に使わない(#aurummiles、#accademiaboxeostiamare…):コンテンツのハッシュタグのみ、最大 5 つ。
  • リールと同じ絵文字キャプション(🥊 フック、🧪 📍 ⚠️ 🛡️ 段落用、🗡️ スローガン、📌 CTA、Reel fatti/ と #12 と同様):ファイル caption_<titolo>.txt、テキストの後にハッシュタグ(最大 5 つ)。
  • アクセシビリティ用代替テキスト:ファイル accessibilita_<titolo>.txt。各スライドの説明を、目の見えない人のために記述(色、画像、すべてのテキストを完全に書き起こし、グラフやアイコンを説明)。各スライド 420 文字未満。各画像の「代替テキスト」フィールドにコピーする。Instagram は現在最大約 1,000 文字を受け付ける(以前のガイドラインは 100 文字)。
  • フォルダ: カルーセルは Caroselli elaborati/AAMMGG_Titolo/ に作成される。Davide が公開すると Caroselli pubblicati/ に移動され、名前には 公開日 が付く。スクリプト(script/carosello_NN.py)の OUT、バックログ、log.md を更新する。(カルーセルには「fatti」フォルダはない:Reel fatti/ に相当するのは Caroselli pubblicati/ である。)

Individual skills in this repo

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

関連スキル