ClaudeSkillsSource reviewed8a1541c4a3ff
Brand Guidelines スキル - Claude の出力をブランドから外さない
Brand Guidelines スキルが Claude の色・タイポグラフィ・トーンをデザインシステムに固定する仕組み。チーム用に作り替えるコツ付きで解説。
Anthropic · Brand Guidelines
Existing editorial guidance is preserved. The current pinned official reference is separately labelled in English; translated editorial is not a new translation of the full source.
This is the existing editorial translation. The latest full official reference, where available, is provided separately in English.
The navigation uses English labels. Article languages are shown separately; the interface is not a full translation of the documentation.
Source text is documentation. These workflows have not been executed or tested by this site.
On this page
概要
公式の説明："Applies Anthropic's official brand colors and typography to any artifact that may benefit from Anthropic's look-and-feel."
コーポレートアイデンティティ・スキルの参照実装です。一社のデザインシステムをスキルに符号化し、Claude が作るあらゆるアーティファクトをブランド準拠に保ちます。値を自社のものに差し替えれば、そのままチームのブランドスキルになります。
このスキルの仕組み
SKILL.md はコンパクトなデザインシステム仕様です：
- カラー - Anthropic 公式パレットと使用ロール（背景、テキスト、図形、アクセント）
- タイポグラフィ - 承認済みフォントスタックとスマートな適用ルール
- 機能 - テキストスタイルの規約と図形/アクセント色の適用
- 技術詳細 - フォント管理と色適用の仕組み。ルールが HTML・スライド・ドキュメントを横断して生き残るように
スキルフォルダの中身
SKILL.md（約2KB - 公式スキル中最小クラス）LICENSE.txt
自作スキルへのヒント
- ブランドスキルは大きくなくていい：正確なトークン2KBは散文20KBに勝る。
- HEX 値だけでなくロール（「アクセント」「背景」）を符号化する——想定外のアーティファクト形式にもシステムを適用できる理由がこれです。
- チーム導入の最速ルート：フォークしてパレットとフォントを差し替えるだけ。
GitHub で見る
Current official reference · English8a1541c4a3ff
The original English source comes from the pinned version above. It is shown as inert documentation. Related scripts and resources remain in the upstream repository; this text is not a complete installation package.
Anthropic Brand Styling
Overview
To access Anthropic's official brand identity and style resources, use this skill.
Keywords: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, Anthropic brand, visual formatting, visual design
Brand Guidelines
Colors
Main Colors:
- Dark:
#141413- Primary text and dark backgrounds - Light:
#faf9f5- Light backgrounds and text on dark - Mid Gray:
#b0aea5- Secondary elements - Light Gray:
#e8e6dc- Subtle backgrounds
Accent Colors:
- Orange:
#d97757- Primary accent - Blue:
#6a9bcc- Secondary accent - Green:
#788c5d- Tertiary accent
Typography
- Headings: Poppins (with Arial fallback)
- Body Text: Lora (with Georgia fallback)
- Note: Fonts should be pre-installed in your environment for best results
Features
Smart Font Application
- Applies Poppins font to headings (24pt and larger)
- Applies Lora font to body text
- Automatically falls back to Arial/Georgia if custom fonts unavailable
- Preserves readability across all systems
Text Styling
- Headings (24pt+): Poppins font
- Body text: Lora font
- Smart color selection based on background
- Preserves text hierarchy and formatting
Shape and Accent Colors
- Non-text shapes use accent colors
- Cycles through orange, blue, and green accents
- Maintains visual interest while staying on-brand
Technical Details
Font Management
- Uses system-installed Poppins and Lora fonts when available
- Provides automatic fallback to Arial (headings) and Georgia (body)
- No font installation required - works with existing system fonts
- For best results, pre-install Poppins and Lora fonts in your environment
Color Application
- Uses RGB color values for precise brand matching
- Applied via python-pptx's RGBColor class
- Maintains color fidelity across different systems