Communitygithub.com

デザイン&テンプレート

ブランドキットと少量の再利用可能テンプレートを用いて、非デザイナーでも一貫性のあるブランドグラフィックを素早く作成できる仕組みです。

デザイン&テンプレート とは?

このスキルは、ソーシャルメディア向けに一貫性のあるブランドグラフィックを効率的に作成するためのテンプレートシステムを設計・運用します。ブランドキット(色・フォント・ロゴ・スペーシング)を基盤とし、限られた種類の再利用可能テンプレート(約5~7種)を組み合わせることで、非デザイナーでも短時間でブランドに沿った初稿(約80%程度)を作成できます。対応ツールはCanva・Adobe Express・Figmaなどで、画像生成は別のimage-promptスキルやDream Lab/Fireflyに委ねます。完成したアセットはWoopSocialの公開フローに投入され、最終的な仕上げは人間のデザイナーが行います。このスキルはブランドプロファイルやサムネイルデザイン、カルーセルライターなど他のスキルと明確に区別されており、システム設計のみを担当し、実際のレンダリングや公開は行いません。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/social-media-skills/skills/tree/main/skills/design-and-templates

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

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

ドキュメント

デザイン&テンプレート は何をしますか?

再利用可能なブランド準拠テンプレートシステムスキル — ブランドキット + 少数の再利用可能テンプレート + ルール + ワークフローにより、非デザイナーでも一貫性のあるブランドグラフィックを素早く作成できます。エージェントはシステムを設計し、デザインツールまたは画像ツールがグラフィックを生成、完成したアセットはWoopSocialフローに投入されます。

視点:一貫性とスピードがオーダーメードに勝る

ソーシャルにおいて勝ち筋は、1つの美しいデザインではありません — それは、同じキャンペーンだとわかる6つのバリエーションを、非デザイナーが素早く生み出すことです。鍵は、ブランドキットに根ざした小さな再利用可能テンプレートシステムであり、これがブランドの逸脱とありきたりな**「テンプレート臭さ」の両方を防ぎます。ブランドキットファーストにより、初稿は約80%ブランドに準拠(約20%から向上)。正直な限界:ツールでは約70~80%のブランド準拠が限界 — 人間の目が仕上げの主要作業を完了します。エージェントはシステムを設計し、デザインツール(Canva/Adobe Express/Figma)または画像ツールがグラフィックを生成**、WoopSocialが完成アセットを公開します。

最初に読むべきもの

  1. brand-profile — このスキルが運用するアイデンティティソース。
  2. 定期的なコンテンツニーズ — 実際に投稿するもの。

フレームワーク:BRAND

(詳細:references/the-brand-framework.md)

  • B — ブランドキットを構築する: トークン(色、フォント、ロゴ、スペーシング)を固定 — 一貫性のアンカー(ブランドキットファースト=約80%ブランド準拠の初稿)。
  • R — 再利用可能テンプレート(少数セット): 定期的なフォーマットのみに約5~7種類(引用カード、カルーセルフレーム、告知、Reelカバー、Pin);作りすぎない。
  • A — 各テンプレートを階層+可読性に基づいて固定: 1つの焦点、タイプスケール、コントラスト、セーフゾーン、モバイルファースト。
  • N — 名前を付け、体系化してスピードを出す: 非デザイナーが数分で埋められる(テキスト/画像を入れ替え、フレームはそのまま);名前付きで整理;ブランドキット+Magic Switch/Resize。
  • D — ブランドに準拠して大規模に展開: 生成画像には画像ツール(image-prompt)に指示;完成したグラフィックはWoopSocialフローに投入;グリッド全体で一貫性;人間が主要ピースを仕上げる。

現実(四半期ごとに確認)

デザイン基礎(階層/コントラスト/可読性)は不変ですが、ツールは変化します。Canva (Magic Studio) = ソーシャルファーストのデフォルト(Brand Kit、Magic Design、Magic Switch/Resize、Dream Lab、Bulk Create;Pro 月額約15ドル;約70%の「Canva風」上限+AIクレジット制限;Raw AIは一般に著作権対象外;Canva Shieldの補償はEnterpriseのみ)。Adobe Express+Firefly = プレミアム、ブランドセーフなライセンスAI+IP補償。Figma = マスターデザインシステム/ガバナンス(日常的なソーシャルには不向き)。得意分野で組み合わせ;生成画像には画像ツール(image-prompt)またはDream Lab/Fireflyに指示:references/design-tools-2026-reality.md。ブランドキット仕様、スターターテンプレートセット+仕様、階層/可読性ルール、制作ワークフロー+実例:references/building-the-system.md。

正直なスコープ(絶対に逸脱しない)

  • エージェントはシステム(ブランドキットのトークン、テンプレートセット、階層ルール、ワークフロー)を設計 — 仕様/助言を行い、レンダリングはしない。
  • デザインツール(Canva/Adobe Express/Figma)または画像ツールがグラフィックを生成;完成したアセットはWoopSocialフローに投入(WoopSocialは他のメディアと同様に公開 — 設計、テンプレート作成、生成はしない)。
  • ツールでは約70~80%のブランド準拠が限界 — 人間が仕上げの主要作業を完了;Raw AI生成物は著作権対象外の場合がある → 人間による編集を追加;決して捏造しない。(スコープ、区別、接続:references/scope-and-connections.md)

関連スキルとの区別(正しく振り分ける)

design-and-templates(これ) = 再利用可能テンプレートシステム+ブランドキット · brand-profile = これが運用するアイデンティティソース · thumbnail-design / pinterest-pin-design = 単一アセットタイプ(システム内のテンプレート) · carousel-writer = コピー/ナラティブ(こちらはビジュアルフレーム) · image-prompt+画像ツール = 生成(こちらはレイアウト/テンプレート) · profile-optimization = プロフィールアセット。

接続先

最初に読む:brand-profile + 定期的なコンテンツニーズ。フォーマット関連スキルにフィード:thumbnail-design、pinterest-pin-design、instagram-reels-publishing(カバー)、carousel-writer(そのコピーが収まるフレーム)、story-writer — それぞれシステム内のテンプレート。画像生成の指示:image-prompt → ideogram/flux/nano-banana(またはDream Lab/Firefly)。公開経路:完成アセット → scheduling-and-queue → WoopSocial(投稿/Pin/カバー/カルーセルメディア)。デザインと生成はデザインツール/画像ツール内に留まり、WoopSocialは公開のみ行う。

完了の定義

再利用可能なシステム:ブランドキット(固定色/フォント/ロゴ/スペーシング)+実際の定期的フォーマットに対応した名前付きテンプレートの少数セット(約5~7種類)。各テンプレートは1つの焦点、明確なタイプスケール、コントラスト、セーフゾーン、モバイルファーストの可読性を備える。非デザイナー向け制作ワークフロー(テキスト/画像入れ替え→リサイズ→エクスポート→WoopSocialフロー)を、チームに適したツール(Canvaデフォルト/Adobe Express+Fireflyでプレミアム・補償付き画像/Figmaでマスターシステム)で実行。生成画像はimage-promptを介して画像ツールに指示。正直な限界を明記(ツールで約70~80%ブランド準拠、人間が仕上げの主要作業、Raw AI生成物は著作権対象外の場合がある)。完成アセットはWoopSocial経由で公開。何も捏造しない。brand-profile、thumbnail-design/pinterest-pin-design、carousel-writer、image-promptと正しく区別されていること。

Individual skills in this repo

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

関連スキル