Agent Skills by ALSEL
Anthropic Claudeデザイン・クリエイティブ⭐ リポ 0品質スコア 50/100

brand-identity

ビジネスやプロダクトのブランド戦略とアイデンティティデザインを支援します。ブランドガイドラインの作成、ビジュアルアイデンティティシステムの構築、またはブランドポジショニングの定義が必要な際に活用してください。

description の原文を見る

Brand strategy and identity design for businesses and products. Use when creating brand guidelines, developing visual identity systems, or defining brand positioning.

SKILL.md 本文

ブランド・アイデンティティ

ブランド・アイデンティティの構築と運用に関する包括的なガイド。戦略から実行まで網羅しています。

ブランド戦略の基礎

ブランドとは何か

ブランド = 人々の心に形成されるイメージ

ブランドではないもの:
✗ ロゴだけ
✗ ビジュアル・アイデンティティだけ
✗ 自分たちについて自分たちが言うこと

ブランドであるもの:
✓ 顧客への約束
✓ 感情的な結びつき
✓ 評判と信頼
✓ 他者が言うあなたについてのこと

ブランド階層

┌─────────────────────────────────────────┐
│           ブランド目的                   │
│     存在する理由(利益以上の意味)       │
├─────────────────────────────────────────┤
│           ブランド・ビジョン             │
│     向かう先                            │
├─────────────────────────────────────────┤
│           ブランド・ミッション           │
│     そこに到達する方法                  │
├─────────────────────────────────────────┤
│           ブランド・バリュー             │
│     信じていること                      │
├─────────────────────────────────────────┤
│         ブランド・パーソナリティ         │
│     コミュニケーション方法              │
├─────────────────────────────────────────┤
│         ブランド・アイデンティティ       │
│     ビジュアルと言語の表現              │
└─────────────────────────────────────────┘

ブランド戦略

ブランド目的

テンプレート:
私たちは [対象者] のために [行動] することで、
[方法] を通じて [影響] を与えるために存在します。

例:
Nike: 「世界中のすべてのアスリートに
      インスピレーションとイノベーションをもたらすこと」

Patagonia: 「私たちは故郷である地球を救うために
           事業を営んでいます」

Tesla: 「世界を持続可能なエネルギーへの
       転換を加速させるために」

ブランド・ポジショニング

ポジショニング・ステートメント・テンプレート:

[ターゲット・オーディエンス] の中で、
[ニーズ/ウォント] を持つ人たちに対して、
[ブランド名] は [カテゴリ] であり、
[主要なベネフィット] をもたらします。
[競合企業] と異なり、
私たちは [ユニークな差別化要因] を提供します。

例:
忙しいプロフェッショナルで、
迅速で栄養価の高い食事を求める人たちに対して、
HelloFresh は食事キット配送サービスであり、
調理済みの材料と簡単なレシピを提供します。
食材の買い物と異なり、
私たちは食品ロスと決定疲れを排除します。

競争的ポジショニング・マップ

               高価格
                    │
                    │
        プレミアム   │     ラグジュアリー
        クオリティ   │     エクスクルーシブ
                    │
    ────────────────┼────────────────────
                    │
        バリュー    │     ステータス
        ベーシック  │     シンボル
                    │
                    │
               低価格

    知覚価値低 ───────────── 知覚価値高

ブランド・アーキタイプ

アーキタイプ欲求戦略
イノセント安全純粋でシンプルにCoca-Cola, Dove
エクスプローラー自由世界を発見Jeep, North Face
セージ叡智真実を見つけるGoogle, TED
ヒーロー習熟勇敢に行動するNike, FedEx
アウトロー解放ルールを破るHarley, Virgin
マジシャン変容させるApple, Disney
レギュラー所属本物であることIKEA, Target
ラバー親密さつながりを作るChanel, Godiva
ジェスター楽しさ遊ぶことM&Ms, Old Spice
ケアギバーサービス他者を助けるJohnson & Johnson
クリエイター革新価値を創造するLego, Adobe
ルーラーコントロール主導権を握るMercedes, Rolex

ビジュアル・アイデンティティ・システム

ロゴ・デザイン原則

効果的なロゴの特性:
┌─────────────────────────────────────────┐
│ ✓ シンプル:あらゆるサイズで機能する   │
│ ✓ 記憶に残る:個性的でユニーク         │
│ ✓ 時代を超える:トレンドを避ける       │
│ ✓ 多用途:すべてのコンテキストで対応   │
│ ✓ 適切性:業種に合致している           │
└─────────────────────────────────────────┘

ロゴの種類

タイプ説明最適な用途
ワードマーク企業名をスタイリングユニークな名前(Google, Coca-Cola)
レターマークイニシャルのみ長い名前(IBM, HBO)
ブランドマークシンボルのみ確立されたブランド(Apple, Nike)
コンビネーションシンボル + ワードマーク多用途性(Adidas, Burger King)
エンブレムシンボル内のテキスト伝統的(Starbucks, Harley)
マスコットキャラクターフレンドリーなブランド(KFC, Michelin)

ロゴのクリアスペース

┌─────────────────────────────────────┐
│                                     │
│    ┌─────────────────────┐          │
│    │                     │          │
│    │    ┌───────────┐    │          │
│    │    │   ロゴ    │    │  X = ロゴの高さ
│    │    │           │    │
│    │    └───────────┘    │  最小クリアスペース
│    │         X           │  = 全方向で X
│    │         ↓           │
│    └─────────────────────┘          │
│              X                      │
└─────────────────────────────────────┘

カラー・システム

基本パレット:
┌─────────────────────────────────────────┐
│ プライマリ      │ 主要要素に使用         │
│ #0066FF         │ デザインの 60%         │
├────────────────┼────────────────────────┤
│ セカンダリ      │ 補助要素に使用         │
│ #00CC88         │ デザインの 30%         │
├────────────────┼────────────────────────┤
│ アクセント      │ CTA、ハイライト        │
│ #FF6B00         │ デザインの 10%         │
└────────────────┴────────────────────────┘

拡張パレット:
- ニュートラルグレー(背景、テキスト)
- 成功/エラー/警告の状態色
- 各色のライト/ダークバリアント

タイポグラフィ・システム

フォント階層:
┌─────────────────────────────────────────┐
│ ディスプレイ                            │
│ 見出し、ヒーロー・テキスト用             │
│ [ディスプレイ・フォント名] Bold          │
├─────────────────────────────────────────┤
│ ヘッディング                            │
│ セクション・タイトル用                   │
│ [ヘッディング・フォント名] Semibold      │
├─────────────────────────────────────────┤
│ ボディ                                  │
│ 段落、コンテンツ用                       │
│ [ボディ・フォント名] Regular             │
├─────────────────────────────────────────┤
│ UI / キャプション                       │
│ ボタン、ラベル、メタデータ用             │
│ [UI フォント名] Medium                  │
└─────────────────────────────────────────┘

ブランド・ボイスとトーン

ボイス属性

3~5 個のボイス特性を定義します:

例(テック・スタートアップ):
┌─────────────────────────────────────────┐
│ 大胆                                    │
│ ではないもの:攻撃的、傲慢               │
│ あるもの:自信、直接的、断定的           │
├─────────────────────────────────────────┤
│ フレンドリー                            │
│ ではないもの:不専門的、カジュアル       │
│ あるもの:温かみ、親しみやすさ、人間的   │
├─────────────────────────────────────────┤
│ 明確                                    │
│ ではないもの:過度に簡潔、単純化         │
│ あるもの:ストレートフォーワード、専門用語なし │
└─────────────────────────────────────────┘

トーン・スペクトラム

コンテキストに応じたトーン調整:

遊び心 ◄────────────────────► 真摯

ウェブサイト  ●───────────────────────
エラー・メッセージ ───────●────────────
法務ページ   ─────────────────────●──
ソーシャルメディア ●───────────────────────
カスタマー・サポート ───────●───────────

ライティング・ガイドライン

すること:
✓ 能動態を使う
✓ 文を短くする
✓ ユーザーに直接話しかける(you/your)
✓ 具体的に、曖昧でなく
✓ 見せて、言わない

してはいけないこと:
✗ 説明なしに専門用語を使う
✗ 長すぎるテキストを書く
✗ 上から目線になる
✗ 過度な約束
✗ 空虚な最上級を使う

ブランド・ガイドライン・ドキュメント

必須セクション

1. ブランド概要
   - ブランド・ストーリー
   - ミッション、ビジョン、バリュー
   - ターゲット・オーディエンス

2. ロゴの使用
   - プライマリ・ロゴのバージョン
   - クリアスペース・ルール
   - 最小サイズ
   - 不適切な使用例

3. カラー・パレット
   - プライマリ色(16進数、RGB、CMYK、Pantone)
   - セカンダリ色
   - カラー・コンビネーション
   - アクセシビリティ要件

4. タイポグラフィ
   - フォント・ファミリー
   - 階層と用途
   - ウェブ用フォント vs. 印刷用フォント
   - フォールバック・フォント

5. イメージと写真
   - スタイル・ガイドライン
   - 写真トリートメント
   - イラスト・スタイル
   - アイコン・システム

6. ボイスとトーン
   - ライティング原則
   - コンテキスト別トーン
   - サンプル・コピー

7. アプリケーション
   - 名刺
   - レターヘッド
   - メール署名
   - ソーシャルメディア・テンプレート
   - プレゼンテーション・テンプレート

ブランド・アプリケーション

デジタル・タッチポイント

タッチポイント重要な考慮事項
ウェブサイトナビゲーション、CTA、コンテンツ階層
モバイル・アプリアイコン、スプラッシュ・スクリーン、UI パターン
ソーシャルメディアプロフィール画像、ヘッダー画像、テンプレート
メール署名、ニュースレター、トランザクショナルメール
広告バナー・サイズ、ビデオ形式

プリント・タッチポイント

タッチポイント仕様
名刺3.5" × 2"(米国)、85mm × 55mm(EU)
レターヘッド8.5" × 11"(米国)、A4(EU)
封筒#10(米国)、DL(EU)
パンフレット三つ折り、二つ折り、ブックレット
看板可変、高解像度

ソーシャルメディア画像サイズ(2024年)

プラットフォームプロフィールカバー/ヘッダー投稿
Instagram320×320該当なし1080×1080
Facebook170×170851×3151200×630
LinkedIn400×4001584×3961200×627
Twitter/X400×4001500×5001200×675
YouTube800×8002560×14401280×720

ネーミングとタグライン

ブランド名の種類

タイプ説明
記述的機能を説明General Electric, PayPal
造語造られた言葉Kodak, Xerox, Spotify
創設者名人物の名前Ford, Dell, Disney
メタファー象徴的な意味Amazon, Apple, Nike
頭字語イニシャルIBM, BMW, IKEA
マッシュアップ複合語Facebook, YouTube, Instagram

タグライン・フォーミュラ

効果的なタグライン:
┌─────────────────────────────────────────┐
│ ベネフィット重視:「Just Do It」(Nike)  │
│ カテゴリ定義:「Search On」(Google)     │
│ 挑発的:「Think Different」(Apple)      │
│ 命令形:「Open Happiness」(Coca-Cola)   │
│ 最上級:「The Ultimate Driving          │
│         Machine」(BMW)                  │
└─────────────────────────────────────────┘

特性:
- 短い(理想は 2~5 語)
- 記憶に残る
- ブランドにユニーク
- 普遍的(時代遅れにならない)
- ポジショニングに整合

ブランド・オーディット

オーディット・チェックリスト

ビジュアル・コンシステンシー
- [ ] ロゴが正しく使用されている
- [ ] カラーがブランド・パレットに一致
- [ ] タイポグラフィが一貫している
- [ ] イメージ・スタイルが整合

ボイス・コンシステンシー
- [ ] トーンがチャネル別に適切
- [ ] 重要メッセージが強化されている
- [ ] 用語が一貫している

エクスペリエンス・コンシステンシー
- [ ] カスタマー・ジャーニーが整合
- [ ] タッチポイントが統一されている
- [ ] 約束が果たされている

競争的ポジション
- [ ] 差別化が明確
- [ ] ターゲット・オーディエンスに到達
- [ ] 市場ポジションが維持されている

ブランド・ヘルス・メトリクス

メトリクス測定対象
認知度ブランドを知っている人の %
検討購入を検討する人の %
選好度競合他社より好まれている %
ロイヤルティリピート購買率
NPS推奨される可能性
シェア・オブ・ボイスブランド言及数 vs. 競合他社

リブランディング

リブランディングが必要な時

リブランディングしましょう:
✓ 企業戦略が根本的に変わった
✓ 別の企業と合併している
✓ ターゲット・オーディエンスが大きく変わった
✓ ブランドにネガティブな関連性がある
✓ ビジュアル・アイデンティティが著しく古い

以下の理由だけではリブランディングしてはいけません:
✗ 新しいマーケティング・チームが足跡を残したい
✗ 競合他社がリブランディングしている
✗ 「ロゴに飽きた」
✗ マイナーなビジネス進化

リブランディングの種類

タイプ範囲時期
リフレッシュ既存要素をアップデート5~10 年ごと
パーシャルビジュアルの大幅更新戦略転換時
フル完全な刷新変容時

ベストプラクティス

すること:

  • デザインの前に戦略から始める
  • 競合他社を徹底的に調査
  • ターゲット・オーディエンスでテスト
  • 包括的なガイドラインを作成
  • システム内での柔軟性を許可
  • すべてのタッチポイントを計画
  • すべてを文書化する
  • 定期的にレビューと更新

してはいけないこと:

  • 戦略フェーズをスキップ
  • 盲目的にトレンドを追う
  • 過度に厳格なシステムを作成
  • デジタル・アプリケーションを無視
  • アクセシビリティを忘れる
  • 頻繁にリブランディング
  • 内部採用を無視
  • 実装の重要性を過小評価

ブランド開発プロセス

フェーズ 1:ディスカバリー(2~4 週間)
├── ステークホルダー・インタビュー
├── 競合分析
├── オーディエンス調査
└── ブランド・オーディット(既存の場合)

フェーズ 2:戦略(2~3 週間)
├── ポジショニング開発
├── ブランド・アーキテクチャ
├── メッセージング・フレームワーク
└── ブランド・パーソナリティ

フェーズ 3:アイデンティティ(4~6 週間)
├── ビジュアル・コンセプト探索
├── ロゴ開発
├── カラーとタイポグラフィ
└── デザイン・システム作成

フェーズ 4:表現(3~4 週間)
├── ブランド・ガイドライン
├── テンプレートとアセット
├── アプリケーション・モックアップ
└── ローンチ・マテリアル

フェーズ 5:アクティベーション(継続)
├── 内部ロールアウト
├── 外部ローンチ
├── トレーニングと採用
└── モニタリングと改善

ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ

詳細情報

作者
travisjneuman
リポジトリ
travisjneuman/.claude
ライセンス
MIT
最終更新
不明

Source: https://github.com/travisjneuman/.claude / ライセンス: MIT

関連スキル

汎用デザイン・クリエイティブ⭐ リポ 1,739

nano-banana-2

inference.sh CLIを通じてGoogle Gemini 3.1 Flash Image Preview(Nano Banana 2)で画像を生成します。テキストから画像を生成する機能、画像編集、最大14枚の複数画像入力、Google Searchグラウンディング機能に対応しています。トリガーワード:「nano banana 2」「nanobanana 2」「gemini 3.1 flash image」「gemini 3 1 flash image preview」「google image generation」

by openakita
汎用デザイン・クリエイティブ⭐ リポ 815

octocode-slides

洗練されたマルチファイル形式のHTMLプレゼンテーションを生成します。6段階のフロー(概要 → リサーチ → アウトライン → デザイン → 実装 → レビュー)で構成されています。各スライドは独立したHTMLファイルとなり、iframeで読み込まれます。「スライドを作成してほしい」「プレゼンテーションを作ってほしい」「HTMLスライドを生成してほしい」「デックを構築してほしい」といった依頼や、ノート・ドキュメント・コードを洗練されたプレゼンテーションに変換する際に使用できます。

by bgauryy
汎用デザイン・クリエイティブ⭐ リポ 482

gpt-image2-ppt

OpenAIのgpt-image-2を使用して、視覚的に優れたPPTスライドを生成します。Spatial Glass、Tech Blue、Editorial Monoなど10種類のキュレーション済みスタイルに対応し、ユーザーが提供したPPTXファイルを模倣するテンプレートクローンモードも搭載しています。HTMLビューアと16:9形式のPPTXファイルを出力します。プレゼンテーション、スライド、ピッチデック、投資家向けPPT、雑誌風PPTの作成依頼などで活用してください。

by JuneYaooo
Anthropic Claudeデザイン・クリエイティブ⭐ リポ 299

nano-banana

Nano Banana PRO(Gemini 3 Pro Image)およびNano Banana(Gemini 2.5 Flash Image)を使用したAI画像生成機能です。以下の場合に活用できます:(1)テキストプロンプトからの画像生成、(2)既存画像の編集、(3)インフォグラフィックス、ロゴ、商品写真、ステッカーなどのプロフェッショナルなビジュアルアセット制作、(4)複数画像での人物キャラクターの一貫性保持、(5)正確なテキスト描画を含む画像生成、(6)AI生成ビジュアルが必要なあらゆるタスク。「画像を生成」「画像を作成」「写真を作る」「ロゴをデザイン」「インフォグラフィックスを作成」「AI画像」「nano banana」またはその他の画像生成リクエストをトリガーとして機能します。

by majiayu000
Anthropic Claudeデザイン・クリエイティブ⭐ リポ 299

oiloil-ui-ux-guide

モダンでクリーンなUI/UXガイダンス・レビュースキルです。新機能や既存システム(Webアプリ)に対して、実行可能なUI/UX改善提案、デザイン原則、デザインレビューチェックリストが必要な場合に活用できます。CRAP(コントラスト・反復・配置・近接)をベースに、タスクファーストなUX、情報設計、フィードバック・システムステータス、一貫性、affordances、エラー防止・復旧、認知負荷を重視します。モダンミニマルスタイル(クリーン・余白・タイポグラフィ主導)を強制し、不要なテキストを削減、アイコンとしての絵文字を禁止し、統一されたアイコンセットから直感的で洗練されたアイコンを推奨します。

by majiayu000
Anthropic Claudeデザイン・クリエイティブ⭐ リポ 299

axiom-hig-ref

Apple Human Interface Guidelines リファレンス — 色(セマンティックカラー、カスタムカラー、パターン)、背景(マテリアル階層、ダイナミック背景)、タイポグラフィ(標準スタイル、カスタムフォント、Dynamic Type)、SF Symbols(レンダリングモード、色、多言語対応)、ダークモード、アクセシビリティ、プラットフォーム固有の考慮事項を網羅したガイドラインです。

by majiayu000
本サイトは GitHub 上で公開されているオープンソースの SKILL.md ファイルをクロール・インデックス化したものです。 各スキルの著作権は原作者に帰属します。掲載に問題がある場合は info@alsel.co.jp または /takedown フォームよりご連絡ください。
原作者: travisjneuman · travisjneuman/.claude · ライセンス: MIT