kilaslab/kilas-content

ブランドのソーシャルコンテンツをエンドツーエンドで計画・作成します。月次コンテンツ計画、カルーセルや単一投稿のデザイン、リール/ティックトックのスクリプト、スレッド、長文記事まで対応。

kilas-content とは?

このスキルは、ブランドのソーシャルメディア向けコンテンツを計画から作成、公開まで一貫して行うための包括的なツールです。ユーザーが「コンテンツ計画」「カルーセル作成」「リール脚本」などを依頼した際に、リサーチ、コピーライティング、デザイン、公開シート作成までを自動化します。各ブランドは「ブランドパック」(ボイス、ピラー、シリーズ、デザイントークン)として定義され、初回利用時にはセットアップスキルが自動実行されます。FigmaまたはHTML→PNGのレンダリングをサポートし、コピーにはAIらしさを排除する厳格な品質ゲートが設けられています。対応プラットフォームはClaude Code、Cursor、Codexなど、ファイルベースのAIエージェント全般です。

対応✓Claude Code✓Codex CLI~Cursor✓Antigravity✓Gemini CLI
npx skills add https://github.com/kilaslab/kilas-content/tree/main/skills/kilas-content

Installed? Explore more 生産性&コラボレーション skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

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

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

ドキュメント

コンテンツ:計画と作成

ブランドのコンテンツを計画し、エンドツーエンドで作成します。リサーチされたストーリー、注目を集めるフック、AIらしさのないコピー、ブランドデザインに沿った制作物、チャンネルごとの公開シート。ブランド固有の情報はすべてブランドパックに格納。この方法はどのブランドでも機能します。フレームはFigmaで構築するか、HTMLとして記述してPNGにレンダリングします。どちらを使うかはセットアップ時にブランドが選択します。

言葉が、誰かが立ち止まるかどうかを決めます。 ほとんどの労力は、Figmaやカメラの前に、リサーチとライティングに費やされます。何かを書く前に、references/writing-craft.mdと2つの実例を読んでください:references/examples/linux-7.4-carousel.md(ニュース記録)とreferences/examples/ai-cost-js-carousel.md(他者の実験)。それぞれに、負けた下書きとその理由がリストされています。動きを模倣し、文を模倣しないでください。

毎回ここから始める

scripts/、references/、templates/、brands/へのパスはこのスキルのフォルダ内にあります。content/は作業中のプロジェクトにあります。コマンドはプロジェクトルートからスキルのパスを指定して実行します。例:python3 <skill>/scripts/new_item.py content ...(<skill>はこのファイルがあるフォルダ)。Pillowを使用するスクリプト(contact_sheet.py、slides_to_pdf.py、artefact_marks.py、ref_sheets.py)はpython3 -Iなしで実行します。

  1. セットアップ確認。 プロジェクト内のcontent/setup.mdを読んでください。存在しない場合、これが初回実行です。setup-contentスキル(一緒にインストール済み。このリポジトリ内の../setup-content/SKILL.mdにあります。起動するか、手動でそれに従ってください)を他の何よりも先に実行してください。どのブランドを使うか尋ね、許可を得てブランドのサイトやプロフィールからブランド自身のアセットを収集し、レンダラー(FigmaまたはHTML→PNG)を選択し、ブランドパックを作成します。
  2. ブランドパックを見つける(brands/README.md):プロジェクト内のcontent/brand/、存在しない場合はこのスキル内のbrands/<name>/。brand.md、design.md、および存在すればcontent/brand/assets/README.mdを読んでください(ブランド自身の写真とロゴはストックよりも優先されます)。(proposed)とマークされたものは確定していません。計画がそれに依存する前に尋ねてください。
  3. ツールを棚卸しし、役立つものをすべて使用します(references/research-tools.md):ウェブ検索、ページ取得、実際のブラウザ(ego-browser)、ソーシャルメディアMCPまたは組み込みのXアクセス、Figma MCP、画像生成(自分の画像ツールがあればそれ(Grok BotのGrok Imagine、Codex、ChatGPT、Antigravity)、次にpython3 <skill>/scripts/gen_image.py detect(agy、OpenAI、Gemini、xAIキー))。何が欠けているかをメモします。
  4. ワークスペースを見つける(templates/workspace.md):content/内にplan/、items/、reviews/、ideas.md、design-log.mdがあります。初回は作成します。
  5. モードを選択します。
ユーザーが望むものモード
計画、カレンダー、「rencana konten bulan ini」計画
1つの作品:カルーセル、単一投稿、スレッド、リール脚本、LinkedIn投稿、記事作成
1つのソースから複数の作品再利用
何が機能し、何を変更すべきか知りたいレビュー
新しいブランドのセットアップ、レンダラーの変更、アセットの更新セットアップ(setup-contentスキル)

計画

  1. 入力を読む(references/planning.mdセクション1):ブランドパック、最後のレビュー、ideas.md、今月の重要イベント(日付を確認)、キャパシティ、オーナーの目標。
  2. templates/plan-month.mdからcontent/plan/YYYY-MM.mdを書く:ピラーのシェア、シリーズの頻度、約4分の1のスロットはリアクティブに、各強力なアイテムは異なる日に3〜5フォーマットに分割。
  3. python3 <skill>/scripts/check_plan.py content/plan/YYYY-MM.md --brand <pack>/brand.mdをFAILがなくなるまで実行。保持する警告は計画のノートで説明。
  4. 報告:月を3行で、提案され承認が必要なもの、ギャップ。

作成

  1. アイテムフォルダ:python3 <skill>/scripts/new_item.py content <date> <slug> <format>。
  2. リサーチ(research-tools.md):一次ソース、1リンク深く、公開以降の修正、名前のある人々自身の言葉、ローカルアングル、数値ごとに第二のソース。
  3. ストーリーをbrief.mdに(writing-craft.mdセクション1〜4):5つの質問、ターニングポイント、ラダー(berita、uji coba、daftar referensi、またはcopy-playbook.mdからのルーブリック)、保存する価値のあるスライドまたは投稿、少なくとも3つの形状の5つのフック(ゲートと決闘を通したもの)、1つのメタファーファミリーとそのVerbs:行。
  4. コピーをフォーマット用にcopy.mdに(references/formats/:carousel.md、single-post.md、x.md、threads.md、linkedin.md、reels-tiktok.md、long-form.md)、すべての数字、名前、引用の下に>ソースノート。すべての見出しは「lalu kenapa?」を通過し、メタファーは少なくとも3つの見出しに含まれている。注意事項はwriting-craft.mdの7bが指示する場所に。アクションは「誰が、何を使って、いつ」を通過。その後、python3 <skill>/scripts/lint_copy.py <item>/copy.md --format <format> --brand <pack>/brand.mdが終了コード0で終了する必要があります(new_item.pyが正しい--formatを出力します:threadはxとして、documentはlinkedinとしてlintされます)。その警告と見出しのみの読み物を読み、その読み物をbrief.mdに書き、コピーを声に出して一度読んでください。
  5. 画像(image-sourcing.md):証拠フレームには実際の成果物。メタファーフレームにはブランド自身の写真、次に何も合わない場合に自動生成される画像(最初に自分の画像ツール、次にagy、次にcontent/setup.mdが許可する場合のみ有料API)、次にUnsplash。1つのビジュアルスレッド、マニフェストからクレジットを保持。オーナーはいつでも画像ツールを切り替えたり、生成を停止したりできます。
  6. スキームとレイアウトを選択(design-variety.md):シリーズのカラースキーム、または単発作品の場合は以前の作品が使用していないもの。次に、スライドの役割とcontent/design-log.mdが最近使用されたものを示す内容に基づいて、スライドごとにバリアントを選択。これにより、2つの作品が似た外観になりません。それらをbrief.mdの「デザイン」テーブルに書き込み、1つの見出しマークスタイルとパターンを破る1つのスライドを含めます。ブランドパックのギャラリーページ(Figma)またはcontent/setup-gallery/*.jpg(HTML)、およびパックにある場合のrefs/がオプションを示します。
  7. ビルドはcontent/setup.mdのレンダラーを使用(design-system.md)。両方と書かれている場合、どの作品をどこに配置するかのルールに従う。そうでなければ尋ねる:
    • Figma(figma-mechanics.md):scripts/figma-helpers.jsのレイアウト関数。scripts/figma_bundle.py --brand <pack>/design.md --page "<name>" --scheme <scheme> --n <frames>(ツールは50,000文字まで)によってパックのBRANDブロックとバンドル。ブランドのFigmaファイルの新しいページに。他のページには絶対に触れない。画像をアップロードし、次にスキームのペアでトーンを調整(duotone(id, 'light' | 'dark'))。
    • HTML→PNG(html-render.md):scripts/new_html.pyがアイテムのhtml/フォルダをキットとブランドのCSSでセットアップ。キットのレイアウトでslides.htmlを書き、選択した写真と生成画像をhtml/img/にコピー。scripts/render_slides.pyがスライドごとに1つのPNGをレンダリング。 リール:storyboard.md + 1080×1920のカバーフレーム(Figma、またはhtml-render.mdセクション4の通り別のHTMLページとして)。
  8. 安価に検証:まずレイアウトチェック(FigmaではlayoutCheck()、HTMLではrender_slides.pyが出力する問題)を実行し、報告されたものを修正。次に、カバー、データフレーム、変更された箇所を確認(Figmaではスクリーンショットを1枚ずつ、HTMLではPNG)。ユーザーがスクリーンショットを停止した場合、停止し、どのフレームが未チェックかを伝える。
  9. 公開シート:publish.mdにチャンネルごとのテキスト、制限内のハッシュタグ、代替テキスト、時間、リンク、クレジット。content/design-log.mdに行を追加。公開はオーナーのステップです。ただし、オーナーが接続されたツールを通じて特定の作品を投稿するよう明示的に依頼した場合を除き、最初に確認してください。
  10. 報告:場所、2行での方向性、選択したレイアウト、検証済みおよび未検証のもの、使用可能および不足していたリサーチツール、キャプション。

再利用

カットを一緒に計画(planning.mdセクション6)、1つのアイテムフォルダ、計画内のカットごとに1行。各カットはそのフォーマット用に書き直され(references/formats/)、単独で完結した内容を持ち、リンクを返す。カルーセルフレームはLinkedInドキュメント(scripts/slides_to_pdf.py)とThreads/TikTok写真投稿を兼ねる。

レビュー

templates/review-month.mdからcontent/reviews/YYYY-MM.mdを書く:プラットフォームまたはオーナーからのみの数値、日付付き。各作品をブランド自身のそのフォーマットの中央値と比較。シリーズごとに「継続」「修正」「停止」を決定。その決定を翌月の計画に引き継ぐ。数値が共有されない場合:収集するものをリストし、停止する。

最も重要なライティングルール

完全な方法はwriting-craft.md、ルールはcopy-playbook.md、言語はlanguage/<lang>.md。

  • フック=正確な数字+シーン+ステークス、またはwriting-craft.mdセクション3bの6つの形状の1つ。3つの形状で5つ書き、ゲートを通過させ(≤30語、平易、注意事項なし、正直、答えを保留、緊張)、生き残った者同士を決闘させ、各敗者が負けた理由を書く。採点しないでください:自己採点は引き分けになります。
  • 見出しは結果を伴う主張:それぞれが「lalu kenapa?」を通過。トピックワードはアイブロウに。主張を担う1つまたは2つの単語をマーク。
  • 1つのメタファーファミリーを一度述べ、その後少なくとも3つの見出しの動詞にそのメタファーを継続させる。
  • ストーリーの後半にターニングポイント。保存する価値のある1つのフレームまたは投稿。
  • 身近に持ち帰る:オーディエンス自身の価格、日付、場所、会社、または行動。
  • 数字は公平に比較、チャートはゼロから開始、ヘッジはソースからコピー、一人称はブランドが行ったことのみ。
  • ヘッジは文中に残す;注意事項には予算がある:カバーや見出しにはなし、データスライドに1つ、意見スライドに1つ、残りはキャプションに。
  • 意見はラベル付けされ、「誰が、何を使って、いつ」を通過するアクションで終わる。
  • CTAはブランドパックから1つ。約束は、その作品が何をしたかを説明する。
  • ブランドパックの言語。ユーザーがその作品に対して明示的に他の言語を要求した場合のみ、別の言語を使用。
  • 定型の出だしなし、AIらしさなし。lintがほとんどをキャッチします。

品質ゲート

  • ブランドパックを読んだ。(proposed)を確定として使用していない。尋ねた場合は除く。
  • 利用可能なすべてのリサーチツールを役立つ場所で使用した。ギャップを報告した。
  • 5つのストーリー質問にローカルアングルで回答した。ターニングポイントを配置した。
  • フックワークショップをゲートと決闘で実施した。カバーは≤30語で注意事項がなく、単独で機能する。
  • 見出しのみの読み物をbrief.mdに書き、ストーリーを伝えている。メタファーは少なくとも3つの見出しにある。保存する価値のある1つの作品を名前付きで。
  • アクションは「誰が、何を使って、いつ」を通過する。
  • lint_copy.pyがフォーマットに対して終了コード0で終了する。すべての数字、名前、引用にソースノートがある。
  • プラットフォームの制限を遵守(formats/specs.md):ハッシュタグ、文字数、セーフゾーン。
  • brief.mdでスライドごとにレイアウトを選択。カバーと見出しマークがcontent/design-log.mdの前の作品と異なる。1つのスライドがパターンを破る。
  • 1つのスキームを適用。ブランド自身の写真を適切な場所で使用。写真をトーン調整。カラーのスクリーンショット、未加工、クレジット付き、ハイライターマークでマーク。
  • レイアウトチェックがクリーン(FigmaではlayoutCheck()、HTMLではrender_slides.py)、または各注意事項を説明。カバーとデータフレームを確認した(またはギャップを報告)。
  • クロージング:1つのCTA、すべてのソースとクレジット。生成画像はイラストとしてラベル付け。
  • publish.mdが完了し、content/design-log.mdに行を追加。明示的な同意なしに何も投稿、いいね、フォローしていない。
  • 計画はcheck_plan.pyを通過。

ファイルマップ

ファイルいつ読むか
brands/README.md、brands/<brand>/brand.md、design.md毎回
../setup-content/SKILL.md、references/brand-onboarding.md初回(content/setup.mdがない場合)、新しいブランド、新しいレンダラー
references/planning.md計画、再利用、レビュー
references/writing-craft.md、references/examples/*.md(2つの実践カルーセルと却下された下書き)何かを書く前
references/copy-playbook.mdフレームワーク、copy.mdフォーマット、CTA、キャプション
references/language/id.md、en.mdブランドの言語
references/formats/*.md作成中のフォーマット。制限についてはspecs.md
references/design-system.md、design-variety.md、design-references.mdフレーム構築前:役割、レイアウトバリアントとその選択方法、他のアカウントからのパターン
references/figma-mechanics.md最初のuse_figmaの前。アップロード、デュオトーン、スクリーンショット
references/html-render.md、templates/html/HTML→PNGレンダラー:セットアップ、クラスリファレンス、レンダリング、チェック
references/image-sourcing.md、research-tools.mdリサーチと画像
references/patterns-from-data.mdルールがそうである理由
references/prerequisites.mdコンパニオンとオプションツールのインストール
templates/ワークスペース、セットアップ、計画、概要、公開、レビュー、アイデア、デザインログ。html/(スライドキットと例)
scripts/lint_copy.py、check_plan.py、new_item.py、figma-helpers.js(レイアウト、スキーム)、figma_bundle.py、figma-gallery.js + figma-gallery-2.js、figma-gallery-schemes.js、brand_css.py、new_html.py、render_slides.py、crawl_site.py、capture_profile.sh、artefact_marks.py、ref_sheets.py、slides_to_pdf.py、capture_artefact.sh、x_post.py、scan_site_tokens.sh、unsplash_search.py、gen_image.py、agy_image.sh、contact_sheet.py、export_oss.sh

これを使用しない場合

スライドデッキやプレゼンテーション(スライドスキルを使用)、ウェブサイトの構築、既存の投稿の一言の修正(直接編集)には使用しないでください。

関連スキル