ブランドガイドラインをスキルにパッケージ化する
ブランドガイドラインをスキルにパッケージ化し、好みのスタイルに自動的に一致するプレゼンテーション、スプレッドシート、ドキュメントを作成します。
- 作成者Anthropic
- カテゴリプロフェッショナル
- モデルSonnet 4.5
- 機能
- 共有リンクをコピー
1
タスクを説明する
スキルでは完全なブランドアイデンティティなど専門知識をパッケージ化し、Claude が会話全体に自動的に適用できるようになります。 カラーパレットのアップロード、タイポグラフィ基準の定義、およびどの要素をいつ使用するかを指定します。その後、Claude はブランドガイドラインを四半期報告書、クライアントプレゼンテーション、内部スプレッドシートなど、あらゆるチャットに自動的に適用できます。
このスキルの作成には数分かかります。まず、ブランドフォント、色、その他のスタイル選択肢の概要を確認します。Claude に、情報を再利用可能なスキルに組み込み、ブランドと整合した出力が必要な場合にいつでも起動するよう指示します。
Claude で作成するプレゼンテーション、ドキュメント、スプレッドシートに自社のブランドスタイリングを適用するスキルを作成したいと考えています。 以下はエンコードする必要がある内容です。
カラーパレット：
ダーク：#141413 （主要テキスト、暗い背景）
ライト：#faf9f5（背景を明るくし、テキストを暗く表示）
ミッドグレー：#b0aea5（二次要素）
ライトグレー：#e8e6dc（微妙な背景）
オレンジ：#d97757 （重要な要素の主要アクセント）
青：#6a9bcc（二次アクセント）
緑：#788c5d（三次アクセント）
タイポグラフィ：
見出し（24pt 以上）：Poppins フォント、太字のウェイト
本文テキスト：Lora フォント、標準的なウェイト
フォールバック：Poppins が利用できない場合は見出しはArial 文字列、Lora が利用できない場合は本文はGeorgia 文字列
アプリケーションルール：
- すべてのスライドタイトルとドキュメント見出しにPoppinsを適用する
- 本文テキストと段落に Lora を適用する
- 図形、グラフ、視覚要素にアクセントカラー（オレンジ、青、緑）を使用する
- 視覚的な興味を維持するためにアクセント色を切り替える
- 明るい背景の主要テキストに濃い色を使用する
- 暗い背景のテキストには明るい色を使用する
ブランドと一貫したプレゼンテーションが必要な場合にいつでも使用でき、適切な構造を持つ完全なスキルを作成します。 SKILL.md ファイルに、使用するタイミングとスタイルをどのように適用するかという明確な指示を含めます。
2
Claudeにコンテキストを与える
既存のブランドガイドライン、スタイルシート、デザインドキュメントなど、Claude がスキル内で参照できる例として利用できるものをアップロードします。 設定でファイル作成とスキルを有効にすれば、Claude は適切な構造、コード、ドキュメントを含む完全なスキルパッケージを構築できます。
必要なコンテキスト
Google ドライブとの統合を有効にすると、Claude がブランド参照ファイルにアクセスしてスキルをさらに向上させることができます。
Google ドライブ
brand-reference-file
DOC
brand-reference-file
DOC
任意のコンテキスト
拡張思考を有効にすると、Claude が視覚的な階層とコンテンツの重要性に基づいて、どのブランド要素をいつ適用するかという高度な判断を下すのに役立ちます。
拡張思考
3
Claudeの生成内容
Claude はスキルを適用するタイミング、ブランド色の仕様と16 進数値、タイポグラフィガイドラインとフォールバックフォント、実装の詳細に関する明確な指示を含む、完全な機能スキルパッケージを生成します。 このスキルは、ブランドスタイリングをリクエストした際に自動的に起動します。
Claudeの回答
貴社のブランドガイドラインを、Claude で作成するすべてのプレゼンテーション、文書、スプレッドシートに自動的に適用する包括的なスキルを作成しました。
brand-guidelines.skilを表示
スキルには以下が含まれます。
- SKILL.md - 完全なブランド仕様を含むコアスキルドキュメント
- color-typography-specs.md - Python コード例を含む詳細な技術仕様
- usage-examples.md - スキルの仕組みを示す実用的な例
- brand_utils.py - 簡単な実装のための Python ユーティリティモジュール
ブランドシステム
カラーパレット：
- ダーク（#141413）- 主要テキスト
- ライト（#faf9f5）- 背景
- オレンジ（#d97757）- 一次アクセント
- 青（#6a9bcc）- 二次アクセント
- 緑（#788c5d）- 三次アクセント
- さらに、支持要素として中グレーとライトグレーを加える
タイポグラフィ：
- すべての見出しに Poppins 太字（フォールバック：Arial）
- すべての本文テキストに Lora Regular（フォールバック：ジョージア州）
仕組み
このスキルは、以下の操作を行うたびに自動的に起動します。
- 新しいプレゼンテーション、ドキュメント、スプレッドシートを作成する
- 既存の .pptx、.docx、または .xlsx ファイルを編集する
- あらゆる業務文書作成をリクエストする
ブランドガイドラインについて言及する必要はありません。しっかりと機能します。 必要な情報を尋ねてください。
- 「第 4 四半期の結果についてスライド 10 枚のプレゼンテーションを作成して」
- 「プロジェクト提案書文書を書いて」
- 「予算追跡スプレッドシートを作成して」
また、ブランドガイドラインは自動的に以下に適用されます。
- フォントとサイズを修正する
- ブランドカラーパレット
- 適切なコントラスト比
- プロフェッショナルなスペーシング
- 順序通りにアクセント色を指定する
追加リソース
また、役立つ参考資料も作成しました。
- README の表示 - パッケージ概要全体
- クイックリファレンスの表示 - 色とタイポグラフィの概要
主な機能
スマート＆自動機能：
- 明示的なコマンドなしでドキュメント作成/編集をトリガーする
- ブランド基準をシームレスに適用する
- アクセント色をインテリジェントに循環させる
包括的な機能：
- プレゼンテーション、ドキュメント、スプレッドシートを網羅する
- 上級ユーザー向けの Python コードユーティリティを含む
- 必要に応じてフォールバックフォントを提供する
プロの品質：
- WCAG AA アクセシブルな色コントラスト
- 拡張可能なタイポグラフィ階層
- すべての出力で一貫した視覚的アイデンティティを確保する
次のステップ
- スキルのインストール：brand-guidelines.skill を Claude にアップロードする
- 作成を開始 - 通常どおり文書を要求するだけ
- 魔法のように、ブランドガイドラインが自動的に適用されます。
また、上記のブランド PDF をアップロードし、相互参照やそこから追加のアセットでスキルを強化させたい場合は、その旨を伝えるブランド PDF をアップロードすることもできます。 しかし現状ではこのスキルは完全に機能しており、提供されたすべての仕様で利用できる準備が整っています。
4
フォローアッププロンプト
Claudeとの会話を続けて、内容を洗練させたり、広げたり、さらに掘り下げたりしましょう。
スキルをテストする
新しいコンテンツを作成し、色やフォントを指定せずにブランドが自動的に適用されることを確認します。 Claude は、アップロードされたガイドラインに基づいて視覚的なスタイリング決定をすべて処理するため、ユーザーはフォーマットの詳細ではなくコンテンツに集中できます。
収益成長、顧客獲得、市場拡大を網羅した四半期ごとのビジネスレビュープレゼンテーションを作成します。 当社のブランドガイドラインを使用します。
スキルを更新する
ブランドの進化に合わせてスキルに変更を加えたり、視覚的な基準を追加したりすることが可能です。 希望する出力を Claude に伝えるだけで、ニーズの進化に合わせてスキルを編集します。
ブランドガイドラインスキルを更新します。 すべてのタイトルスライドに暗い背景と明るいテキストを使用しますが、コンテンツスライドは明るいテキストに維持します。 見出しのフォントサイズを 24pt ではなく 28pt にします。 また、ブランドガイドラインスキルに新しい製品カラーを追加します。プレミアム機能については紫色 #8B7AB8、分析コンテンツについては青緑色 #4A9B9B。 これらの特定のトピックを示す際のグラフ作成は、これらの特定のトピックを提示する際に利用する必要があります。
スキルを蓄積する
スキルは構成可能であり、Claude が一緒に使用するために互いに参照できることを意味します。 「ブランドガイドライン」スキルは、製品調査やライティング基準など作成した他のスキルと連携し、視覚的に洗練された作業を生成して、他の要件と整合した作業を生成できます。
新製品発売に向けたピッチ資料を作成します。 私のブランドガイドラインスキルをフォーマットに活用し、製品調査スキルを適用して関連情報を見つけます。
5
コツ・ヒント・トラブルシューティング
漸進的な開示の仕組みを理解する
Claude がタスクを評価する際、まずスキルメタデータ（上部の説明）をスキャンし、スキルが関連しているかどうかを確認します。 一致した場合にのみ、Claude は完全な指示を読み込みます。参照ファイルは、実際に必要な場合にのみ読み込まれます。つまり、Claude のコンテキストを圧迫せずに多くのスキルが利用できるということです。
決定的な実行向けにバンドルスクリプトを追加する
指示書は解釈の違いを許容します。 スクリプトは毎回同じように実行されます。 ブランドスキルに「オレンジ色のアクセント #d97757 を適用」と表示されている場合、Claude はそれを適用する方法を解釈します。 スキルに正確な RGB 値とアプリケーションロジックを含む scripts/apply_brand_colors.py が含まれている場合、実行は決定的です。 特定のカラーアプリケーション、ファイル変換、データフォーマットなど、柔軟性よりも一貫性が重要な分野には、スクリプトを使用します。 意思決定、創造的な選択、コンテキスト依存行動に関する指示を保持します。
スキル作成の詳細はこちら
Claude にスキル作成を指示する際、Claude は内部でスキル作成スキルを使用しています。このスキルでは、ワークフローを適切な SKILL.md 形式にパッケージ化し、ファイルを正しく整理し、すべてを ZIP ファイルにパッケージ化する方法を Claude に教えます。プロセスを会話で説明すると、Claude はスキル作成スキルを使用して「ここは黒丸であちらは散文が欲しい」という表現を適切な構造へ処理します。Claude.ai でのスキル作成の詳細については、Claude でスキルを作成する方法をご覧ください。
さあ、体験してみませんか？
スキルを 1 度作成すると、Claude はその専門知識を自動的に適用します。 ブランドカラーや好みのレポート形式など、頻繁に説明する内容から始め、必要なときにスキルが正確にどのように起動するかを確認します。
