jpskill.com
🎨 デザイン Anthropic公式 🟡 少し慣れが必要 👤 デザイナー・Web制作者

🏷️ Anthropic ブランド統一

brand-guidelines

Anthropic 公式のブランドカラー・タイポを成果物に自動適用するSkill。

⏱ 図解SVG生成 30分 → 1分

📺 まず動画で見る(YouTube)

▶ 【Claude Code完全入門】Skills活用法/経営者こそ使うべき ↗

※ jpskill.com 編集部が参考用に選んだ動画です。動画の内容と Skill の挙動は厳密には一致しないことがあります。

📜 元の英語説明(参考)

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.

🇯🇵 日本人クリエイター向け解説

一言でいうと

Anthropic 公式のブランドカラー・タイポを成果物に自動適用するSkill。

日本人がよく使う場面
・Anthropic 関連の社内資料を「公式っぽい」見た目に統一 ・Claude 用のチュートリアル・ブログのトンマナ統一 ・社内で使う Claude 連携ダッシュボードのデザイン補助

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o brand-guidelines.zip https://jpskill.com/download/3.zip && unzip -o brand-guidelines.zip && rm brand-guidelines.zip
🪟 Windows (PowerShell)
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/3.zip -OutFile "$d\brand-guidelines.zip"; Expand-Archive "$d\brand-guidelines.zip" -DestinationPath $d -Force; ri "$d\brand-guidelines.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して brand-guidelines.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → brand-guidelines フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-17
取得日時
2026-05-17
同梱ファイル
2

💬 こう話しかけるだけ — サンプルプロンプト

  • Anthropic ブランド統一 を使って、ブランドカラーに沿ったデザイン案を3つ
  • Anthropic ブランド統一 で、既存のデザインをモダンにリフレッシュ
  • Anthropic ブランド統一 を使って、レイアウトを整えて

これをClaude Code に貼るだけで、このSkillが自動発動します。

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

[Skill 名] brand-guidelines

Anthropic ブランドスタイリング

概要

Anthropic の公式ブランドアイデンティティとスタイルリソースにアクセスするには、このスキルを使用してください。

キーワード: ブランディング、コーポレートアイデンティティ、ビジュアルアイデンティティ、後処理、スタイリング、ブランドカラー、タイポグラフィ、Anthropic ブランド、ビジュアルフォーマット、ビジュアルデザイン

ブランドガイドライン

カラー

メインカラー:

  • Dark: #141413 - 主要なテキストと暗い背景
  • Light: #faf9f5 - 明るい背景と暗い背景上のテキスト
  • Mid Gray: #b0aea5 - 二次的な要素
  • Light Gray: #e8e6dc - 微妙な背景

アクセントカラー:

  • Orange: #d97757 - 主要なアクセント
  • Blue: #6a9bcc - 二次的なアクセント
  • Green: #788c5d - 三次的なアクセント

タイポグラフィ

  • 見出し: Poppins (Arial にフォールバック)
  • 本文: Lora (Georgia にフォールバック)
  • : 最良の結果を得るには、環境にフォントを事前にインストールしてください

機能

スマートフォント適用

  • 見出し (24pt 以上) に Poppins フォントを適用します
  • 本文に Lora フォントを適用します
  • カスタムフォントが利用できない場合、自動的に Arial/Georgia にフォールバックします
  • すべてのシステムで可読性を維持します

テキストスタイリング

  • 見出し (24pt+): Poppins フォント
  • 本文: Lora フォント
  • 背景に基づいたスマートな色選択
  • テキストの階層と書式設定を保持します

図形とアクセントカラー

  • テキスト以外の図形にはアクセントカラーを使用します
  • オレンジ、ブルー、グリーンのアクセントを循環させます
  • ブランドに忠実でありながら視覚的な面白さを維持します

技術詳細

フォント管理

  • 利用可能な場合は、システムにインストールされている Poppins および Lora フォントを使用します
  • Arial (見出し) および Georgia (本文) への自動フォールバックを提供します
  • フォントのインストールは不要です - 既存のシステムフォントで動作します
  • 最良の結果を得るには、環境に Poppins および Lora フォントを事前にインストールしてください

カラー適用

  • 正確なブランドマッチングのために RGB カラー値を使用します
  • python-pptx の RGBColor クラスを介して適用されます
  • 異なるシステム間で色の忠実度を維持します
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

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

同梱ファイル

※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。