brandfy-templates-canais について
ブランドの各チャネル向けテンプレートを作成するスキルです。SVG例の調整から、可読性やバリエーションの確認、書き出しと記録までを支援します。
主な機能
- 01SVG例を brand/templates/ にコピー
- 02ブランドカラーとフォントの適用
- 03編集可能なコンテンツ欄の維持
- 04セーフエリアとモバイル可読性の確認
- 05PNGまたはJPGへの書き出し
- 06制限とロゴバリエーションの記録
活用シーン
- 01選択したチャネル向けのテンプレート作成
- 02長短のタイトルを使ったレイアウト確認
- 03明暗の写真を使ったデザインテスト
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ promovaweb/ brandfy --skill brandfy-templates-canaisインストール後、Claude Code で/brandfy-templates-canaisを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
agents/openai.yamlassets/email-header.svginstagram-carousel-content.svginstagram-carousel-cover.svglinkedin-post.svgyoutube-banner.svgyoutube-thumbnail.svgreferences/channel-guides.mdscripts/install-templates.mjs詳細
チャネル用テンプレートの作成
運用プロトコル
- 計画と進捗: チャネル、形式、バリエーション、エクスポート、テストを計画します。
- 信頼できる情報源: マニュアル、トークン、アセット、および channel-guides.mdを確認します。
- 範囲と冪等性: 調整する前に、サンプルを
brand/templates/にコピーします。 スキルにインストールされているテンプレートは保持します。 - 検証: サイズ、セーフゾーン、密度、コントラスト、ロゴ、 タイポグラフィ、モバイルでの読みやすさを確認します。
- 最終サマリー: テンプレート、バリエーション、エクスポート、制限事項を記録します。
ワークフロー
-
ブランドで使用するチャネルを選びます。
-
必要なSVGをコピーします。
node <caminho-da-skill>/scripts/install-templates.mjs \ --output brand/templates -
brand/global.cssとbrand/fonts/fonts.cssの定義に従って、プレースホルダー、色、フォントファミリーを置き換えます。 -
ビジュアルシステムを崩さず、すべての投稿が同じ構成にならないよう、十分なバリエーションを作成します。
-
タイトル、補足文、画像、署名、セクション、番号、CTA用の編集可能なフィールドを維持します。
-
PNGまたはJPGにエクスポートし、実際に表示されるサイズで確認します。
-
各テンプレートの横に、使い方、文字数制限、セーフゾーン、ロゴのバリエーションを記載します。
選択したSVGを開き、プレースホルダーを置き換えて、ブランドパレットを使用したサンプルをエクスポートします。フィードや対象画面で確認すると、小さすぎる文字、セーフゾーンへの侵入、誤ったバリエーションのロゴの適用が見つかります。
専門家の考え方
テンプレートは柔軟なルールとして扱います。認知、アクセシビリティ、制作を守る要素は固定し、コンテンツにリズムが求められる部分には変化を許容します。短いタイトルと長いタイトル、画像なし、明るい写真と暗い写真、翻訳、モバイルでのトリミング、エクスポートをテストします。理想的なサンプルでしか機能しないテンプレートは、まだエージェント向けの準備が整っていません。