使い方ガイドへスキップ
brand-guidelines作者 Anthropic

Brand Guidelines スキル。

Claude Code と Codex 用のブランド・デザインシステムスキル:Anthropic 公式のブランドカラーとタイポグラフィをあらゆる成果物に適用します。Anthropic ブランド専用。

  • ブランドとデザインシステム
anthropics/skills · skills/brand-guidelines/SKILL.mdSKILL.md
--- name: brand-guidelines description: Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply. --- ## Brand Guidelines ## Features ## Technical Details
2026年9月14日にアップストリームファイルから読み取られたフロントマターとセクション見出し · 全2,235文字

01 できること

brand-guidelines スキルが Claude Code と Codex で果たすこと

概要、ワークフロー、出力。いずれもスキルの SKILL.md から読み取った内容です。

SKILL.md より2026年9月14日読取 · 実行記録ではありません

スキル自身の言葉で

このスキルは、特定のカラーパレットとタイポグラフィシステムを適用することで、Anthropicの公式ブランドアイデンティティを成果物に反映します。Anthropicのメインカラー(Dark #141413、Light #faf9f5、Mid Gray #b0aea5、Light Gray #e8e6dc)とアクセントカラー(Orange #d97757、Blue #6a9bcc、Green #788c5d)を使用します。

タイポグラフィは2フォント制に従います:見出しには24pt以上でPoppins、本文にはLoraを使用し、フォールバックとしてArialとGeorgiaを用います。このスキルは、テキスト以外の図形にはアクセントカラーを順に適用し、背景のコントラストに基づいてテキストカラーを選択します。システムにインストールされているフォントで動作し、自動フォールバックを提供するため、フォントのインストールを必要とせずブランドの忠実性を維持します。

プロンプト例を見る ↗

仕組み

  1. 01
    大きいテキストに見出しフォントを適用する

    このスキルは24pt以上のテキストを識別し、Poppinsフォントを適用します。Poppinsが利用できない場合はArialにフォールバックします。

  2. 02
    標準テキストに本文フォントを適用する

    本文テキストにはLoraフォントが適用され、システム間での可読性を保つためにGeorgiaがフォールバックとして使用されます。

  3. 03
    背景に応じてテキストカラーを選択する

    このスキルは、可読性を維持するために、背景色に基づいてブランドパレットから適切なテキストカラーを選択します。

  4. 04
    図形のアクセントカラーを循環させる

    テキスト以外の図形には、視覚的な興趣を保つために、オレンジ、ブルー、グリーンを順に回すアクセントカラーが適用されます。

  5. 05
    RGBによる正確な色の一致

    ブランドカラーは、正確な色の忠実性を得るために、python-pptxのRGBColorクラスを通じてRGB値で適用されます。

02 適合性を確認

brand-guidelines Skill を使用するタイミング

この種のブランドおよびデザインシステムの作業では、Claude Code または Codex で brand-guidelines スキルを使用してください。以下の適合性と制限は、スキル自身のファイルから引用しています。

適している場合

  • Anthropicのビジュアルアイデンティティを適用する必要がある成果物
  • ブランドカラーやスタイルガイドラインを必要とする作業
  • コーポレートアイデンティティやビジュアルフォーマットが必要なドキュメント

境界を知る

  • PoppinsおよびLoraフォントが事前インストールされていない環境では、最適なブランド表示の代わりにフォールバックフォントが表示されます

03 スキルの内部

brand-guidelines スキルが Claude Code と Codex に与えるルール

SKILL.md がエージェントに設定する 5 つの具体的な指示、デフォルト、制限 — ファイルの中でも結果を左右する部分です。

  1. 見出しフォントの24ptしきい値

    テキストが24pt以上の場合にPoppinsフォントが適用されます。それより小さいテキストにはLora本文フォントが使用されます。

  2. 必須のフォールバックフォント

    カスタムフォントが利用できない場合、見出しにはArial、本文にはGeorgiaをフォールバックとして使用する必要があります。

  3. すべての色の正確な16進値

    メインカラーはDark #141413、Light #faf9f5、Mid Gray #b0aea5、Light Gray #e8e6dcです。アクセントカラーはOrange #d97757、Blue #6a9bcc、Green #788c5dです。

  4. テキストの階層構造を維持

    このスキルは、ブランドのフォントと色を適用しながら、既存のテキストの階層構造と書式を維持する必要があります。

  5. フォントのインストールは不要

    このスキルは既存のシステムフォントで動作し、フォントのインストールを必要としたり実行したりすることはありませんが、事前インストールされたフォントを使用すると最良の結果が得られます。

04 実際に使う

Claude Code または Codex に brand-guidelines をインストール

npx skills add コマンドを実行し、エージェントで最初のタスクを実行して、結果をチェックリストで確認します。

Claude Code、Codex またはあなたのエージェントに brand-guidelines を追加

プロジェクトで実行してください。インストーラーが、どのエージェントに追加するかを尋ねます。

Terminal
npx skills add https://github.com/anthropics/skills --skill brand-guidelines

skills/brand-guidelines/SKILL.md向けの汎用skills CLI形式です。リポジトリによっては独自のパスが記載されている場合があります。

最初のブランドおよびデザインシステムの作業タスクをスキルに与える

スキル自身の用語で記述されています。角括弧の部分はご自身の内容に置き換えてください。

Starter prompt
Apply Anthropic brand styling to [presentation file]. Use the official color palette with Dark #141413 for primary text, Light #faf9f5 for backgrounds, and the accent colors for charts and callouts. Make sure headings use Poppins and body text uses Lora, with proper fallbacks.

出典:SKILL.md をスキル自身の用語に沿って記述。

最初の結果を確認

SKILL.md 自体が正しい結果として示しているもの:

  • 本文テキストがLoraまたはGeorgiaフォールバックを使用していることを確認します

OpenDesignではbrand-guidelinesがバンドルされています。Plugins → Skillsで、トップバーから選択してください。

05 オープンソースで追跡可能

ソース、ライセンス、検証

このページの情報の出所と、最終確認日時です。

Author
Anthropic
Repository
github.com/anthropics/skills ブランチ main
スキルファイル
skills/brand-guidelines/SKILL.md 検証時にコンテンツチェックサムを記録、コミット34040c9
License
Apache-2.0 skills/brand-guidelines/LICENSE.txt より。SKILL.md には「完全な条項は LICENSE.txt に記載」とあります。Anthropic ブランド専用です。
リポジトリスター数
176,183 GitHub スナップショットは 2026-09-14 に anthropics/skills リポジトリ全体を対象に取得されました。このリポジトリにはカタログ内に 7 つのスキルが含まれています。brand-guidelines の評価や使用回数ではありません。
OpenDesign により検証済み
2026-09-14 ソースファイル、パス、ライセンステキスト、スター数を確認済み。OpenDesign メイン版に同梱(2026-08-28 確認)。このページでは実際の実行記録はまだありません。

SKILL.md の中身

  1. 概要Anthropicのブランドアイデンティティへのアクセスを紹介し、このスキルに関連するキーワードを列挙します
  2. ブランドガイドラインメインカラーとアクセントカラーの正確な16進値を定義します
  3. タイポグラフィ見出しにPoppins、本文にLoraを指定し、ArialとGeorgiaをフォールバックとします
  4. 機能スマートなフォント適用、テキストのスタイリングルール、図形の色の挙動について詳述します
  5. 技術詳細フォント管理、フォールバックシステム、およびpython-pptxによるRGBカラー適用方法について説明します
スキル自身による説明
「Anthropic の公式ブランドカラーとタイポグラフィを、Anthropic のルック&フィールを持つことで効果を得られるあらゆる種類の成果物に適用します。ブランドカラーやスタイルガイドライン、視覚的なフォーマット、または企業のデザイン標準が適用される場合に使用します。」

SKILL.mdのフロントマター説明です。完全なファイルは約2,235文字です。GitHubで完全なファイルを読む。

Brand Guidelines

実際のブランドおよびデザインシステムの作業タスクで brand-guidelines を実行します。

brand-guidelinesスキルはOpenDesignに同梱されています。アプリをダウンロードし、Plugins → Skillsでスキルを選択し、上記のプロンプトを貼り付けて、結果の前にプランを読んでください。

ターミナル
npx skills add https://github.com/anthropics/skills --skill brand-guidelines

OpenDesign デスクトップ版

ひとつのデザインシステムで、すべての制作物をブランドらしく

完全な Vibe Design Workspace で、同じブランドルールを Web サイト、スライド、操作できるプロトタイプ、ダッシュボード、画像、HTML 動画に展開できます。ローカルの Codex、Claude Code、Cursor などを接続して無料で制作しましょう。

  • Web、スライド、プロトタイプ、ダッシュボード、画像、動画
  • 140+ のデザインシステムと完全なテンプレート/スキルライブラリ
  • ローカル Codex と 21+ のコーディングエージェントを接続 · 無料
無料ダウンロード

macOS と Windows に対応