jpskill.com
🎨 デザイン コミュニティ

brand-kit

ロゴやカラー、フォントなどブランドに必要な要素を自動生成し、ドメインやSNSのユーザー名が利用可能か確認、NotionやGoogle Driveへの出力も可能な、ブランド構築を支援するSkill。

📜 元の英語説明(参考)

Brand identity generator that creates logos, color palettes, typography, brand images, and checks domain and social media username availability. Suggests and verifies available handles across platforms. Outputs a complete brand kit to Notion, Google Drive, or downloadable PDF. Use this skill when the user says things like: 'create a brand for...', 'build a brand identity', 'I need a logo for...', 'brand kit for my business', 'check if this domain is available', 'find me a username for...', 'branding for my startup', 'design a brand', 'logo and brand for...', 'help me name my brand', or wants to create brand assets, check domain availability, or find social media handles.

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

一言でいうと

ロゴやカラー、フォントなどブランドに必要な要素を自動生成し、ドメインやSNSのユーザー名が利用可能か確認、NotionやGoogle Driveへの出力も可能な、ブランド構築を支援するSkill。

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

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

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

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

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

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して brand-kit.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → brand-kit フォルダができる
  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-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

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

ブランドキットジェネレーター

リアルタイムの可用性チェックにより、ロゴ、カラーパレット、タイポグラフィ、イメージ、ドメイン名、ソーシャルメディアハンドルといった完全なブランドアイデンティティを作成する、調査に基づいたスキルです。単なる一般的なブランディングにとどまらず、アセットを生成する前に業界、競合他社、オーディエンスを調査します。

これはロゴジェネレーターではありません。スペースの調査、戦略の定義、ビジュアルアセットの生成、デジタル可用性の検証、洗練されたブランドキットの提供を行う、完全なブランドアイデンティティシステムです。

ワークフローの概要

入力 (ビジネスアイデア、既存の資料)
  -> 調査 (業界、競合他社、オーディエンス)
    -> ブランド戦略 (ポジショニング、ボイス、パーソナリティ)
      -> ビジュアルアイデンティティ (色、タイポグラフィ、ムード)
        -> ロゴ生成 (AI生成オプション)
          -> ブランドイメージ (ヒーロー、ソーシャル、パターン)
            -> ドメインチェック (提案 + 可用性の検証)
              -> ユーザー名チェック (提案 + プラットフォーム全体の検証)
                -> ブランドキットの提供 (Notion / Drive / PDF)

ステップ 0: 入力の収集

まず既存の資料を確認してください:

「開始にあたって、既存の資料はありますか? ブリーフ、ムードボード、既存のロゴ、ウェブサイト、ソーシャルプロフィール、またはブランドを説明するドキュメントなどです。ファイルパスを共有するか、コンテンツを貼り付けるか、URLを提供してください。それ以外の場合は、ステップごとに説明します。」

資料が提供された場合:

  • Readツールを使用してファイルを読み取ります
  • FirecrawlScrapeToolを使用してURLをスクレイピングします
  • FetchInstagramProfileToolFetchTiktokProfileToolFacebookBusinessPageInfoToolを使用してソーシャルプロフィールを取得します
  • ブランド名、業界、既存の色、トーン、オーディエンス、ビジュアルスタイルを抽出します
  • 概要表を提示し、続行する前に確認します。ステップ2に進みます。

資料がない場合 — 次の質問を1つのメッセージで尋ねます:

質問 目的
ビジネスまたはプロジェクト名 (または名前のアイデア) ブランド命名
何をするものですか? 誰のためのものですか? ポジショニングとオーディエンス
業界またはニッチ 競合調査のコンテキスト
ブランドの個性を3つの言葉で (例: 大胆、ミニマル、温かい) ビジュアルの方向性
色の好みや避けるべき色はありますか? パレットの制約
このブランドはどこに存在しますか? (ウェブアプリ、実店舗、ソーシャルのみ、SaaS) アセットの要件
ブランドコピーの優先言語 ローカリゼーション

ステップ 1: 調査フェーズ

適用可能なすべての調査を並行して実行します。

1A: 業界と競合の調査

Social Toolkit MCP:
- PerplexitySonarSearchTool -> "[industry] branding trends 2025" (現在のビジュアルトレンド)
- PerplexitySonarSearchTool -> "best [industry] brands [region]" (競合の状況)
- GoogleNewsSearchTool -> "[industry] brand design" (最近のトレンド、リブランド)

1B: 競合のビジュアル分析

1Aで特定された上位2〜3社の競合について:

Social Toolkit MCP:
- FirecrawlScrapeTool -> 競合のウェブサイト (カラースキーム、タイポグラフィ、トーンを抽出)
- FetchInstagramProfileTool -> 競合のハンドル (ビジュアルスタイル、コンテンツパターン)

各競合から抽出:

  • カラーパレット (ドミナント、アクセント、ニュートラル)
  • タイポグラフィスタイル (セリフ、サンセリフ、ディスプレイ)
  • ビジュアルトーン (写真 vs イラスト、ダーク vs ライト、賑やか vs ミニマル)
  • ロゴスタイル (ワードマーク、シンボル、コンビネーション、エンブレム)
  • ブランドボイス (フォーマル、遊び心、テクニカル、温かい)

1C: オーディエンス調査

Social Toolkit MCP:
- GoogleForumsSearchTool -> "[target audience] preferences [industry]" (共感を呼ぶもの)
- PerplexitySonarSearchTool -> "[target audience] demographics design preferences"

調査概要をまとめます:

「[industry]の状況についてわかったことは次のとおりです: [key findings]。主な競合他社は[patterns]を使用しています。ターゲットオーディエンスは[preferences]に反応します。これを使用してブランドを差別化します。続行する準備はできましたか?」


ステップ 2: ブランド戦略

調査に基づいて、ブランド戦略を定義します。構造化された概要として提示します:

ブランドポジショニング

要素 定義
ブランドプロミス 一文: ブランドが提供するもの
差別化要因 調査で見つかった競合他社との違い
ターゲットオーディエンス 主要および二次的なペルソナ
ブランドパーソナリティ 3〜5つの特性 (例: 大胆、親しみやすい、革新的)
ブランドボイス 話し方 (トーン、語彙、フォーマルレベル)
感情的な領域 人々にどのように感じさせるべきか

ビジュアルの方向性

パーソナリティとオーディエンスに基づいて、ビジュアルの方向性を提案します:

方向性 説明
スタイル A [例: 「ミニマル & プレミアム — クリーンなライン、ゆったりとした空白、落ち着いたパレット、幾何学的なロゴ」]
スタイル B [例: 「温かくオーガニック — アースカラー、丸みを帯びた形状、手描きの雰囲気、植物のアクセント」]
スタイル C [例: 「大胆でエネルギッシュ — ハイコントラスト、鮮やかな色、ダイナミックな形状、力強いタイポグラフィ」]

簡単なムードの説明とともに、3つのオプションすべてを提示します。ユーザーに1つを選択するか、要素を組み合わせるように依頼します。

「どの方向性が正しいと感じますか? 1つ選択するか、それぞれから何を組み合わせるかを教えてください。」


ステップ 3: ビジュアルアイデンティティ

3A: カラーパレット

選択した方向に基づいて、完全なパレットを生成します:

役割 Hex 使用法
プライマリー [name] #XXXXXX メインブランドカラー、CTA、ヘッダー
セカンダリー [name] #XXXXXX サポート要素、アクセント
アクセント [name] #XXXXXX ハイライト、通知、リンク
ニュートラルダーク [name] #XXXXXX 本文、見出し
ニュートラルライト [name] #XXXXXX 背景、カード
背景 [name] #XXXXXX ページ背景

アクセシビリティのためのコントラスト比 (WCAG AA 最小) を含めます。

3B: タイポグラフィ

フォントペアリングを推奨します (アクセシビリティのためのGoogle Fonts):

役割 フォント 太さ 使用法
見出し [font name] Bold (700) H1-H3、ヒーローテキスト
本文 [font name] Regular (400) 段落、UIテキスト
アクセント (オプション) [font name] Medium (500) ボタン、ラベル、キャプション

3C: ビジュア

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Brand Kit Generator

A research-driven skill that creates complete brand identities — logo, color palette, typography, imagery, domain names, and social media handles — with real-time availability checking. Goes beyond generic branding by researching the industry, competitors, and audience before generating any assets.

This is NOT a logo generator. It's a full brand identity system: research the space, define the strategy, generate visual assets, verify digital availability, and deliver a polished brand kit.

Workflow Overview

Input (business idea, existing materials)
  -> Research (industry, competitors, audience)
    -> Brand Strategy (positioning, voice, personality)
      -> Visual Identity (colors, typography, mood)
        -> Logo Generation (AI-generated options)
          -> Brand Imagery (hero, social, patterns)
            -> Domain Check (suggest + verify availability)
              -> Username Check (suggest + verify across platforms)
                -> Brand Kit Delivery (Notion / Drive / PDF)

Step 0: Gather Inputs

Check for existing materials first:

"Do you have any existing materials I should start from? This could be a brief, mood board, existing logo, website, social profiles, or any document describing the brand. Share the file path, paste the content, or provide URLs — otherwise I'll walk you through it step by step."

If materials are provided:

  • Read files using the Read tool
  • Scrape URLs using FirecrawlScrapeTool
  • Fetch social profiles using FetchInstagramProfileTool, FetchTiktokProfileTool, FacebookBusinessPageInfoTool
  • Extract: brand name, industry, existing colors, tone, audience, visual style
  • Present a summary table and confirm before proceeding. Skip to Step 2.

If no materials — ask these in a single message:

Question Purpose
Business or project name (or ideas for a name) Brand naming
What does it do? Who is it for? Positioning and audience
Industry or niche Competitor research context
Brand personality in 3 words (e.g., bold, minimal, warm) Visual direction
Any color preferences or colors to avoid? Palette constraints
Where will this brand live? (web app, physical store, social-only, SaaS) Asset requirements
Preferred language for brand copy Localization

Step 1: Research Phase

Run all applicable research in parallel.

1A: Industry & Competitor Research

Social Toolkit MCP:
- PerplexitySonarSearchTool -> "[industry] branding trends 2025" (current visual trends)
- PerplexitySonarSearchTool -> "best [industry] brands [region]" (competitor landscape)
- GoogleNewsSearchTool -> "[industry] brand design" (recent trends, rebrands)

1B: Competitor Visual Analysis

For 2-3 top competitors identified in 1A:

Social Toolkit MCP:
- FirecrawlScrapeTool -> competitor websites (extract color schemes, typography, tone)
- FetchInstagramProfileTool -> competitor handles (visual style, content patterns)

Extract from each competitor:

  • Color palette (dominant, accent, neutral)
  • Typography style (serif, sans-serif, display)
  • Visual tone (photography vs illustration, dark vs light, busy vs minimal)
  • Logo style (wordmark, symbol, combination, emblem)
  • Brand voice (formal, playful, technical, warm)

1C: Audience Research

Social Toolkit MCP:
- GoogleForumsSearchTool -> "[target audience] preferences [industry]" (what resonates)
- PerplexitySonarSearchTool -> "[target audience] demographics design preferences"

Compile a research summary:

"Here's what I found about the [industry] landscape: [key findings]. The main competitors use [patterns]. The target audience responds to [preferences]. I'll use this to differentiate the brand. Ready to proceed?"


Step 2: Brand Strategy

Based on research, define the brand strategy. Present as a structured summary:

Brand Positioning

Element Definition
Brand promise One sentence: what the brand delivers
Differentiator What sets it apart from competitors found in research
Target audience Primary and secondary personas
Brand personality 3-5 traits (e.g., bold, approachable, innovative)
Brand voice How it speaks (tone, vocabulary, formality level)
Emotional territory How it should make people feel

Visual Direction

Based on personality and audience, propose a visual direction:

Direction Description
Style A [e.g., "Minimal & Premium — clean lines, generous whitespace, muted palette, geometric logo"]
Style B [e.g., "Warm & Organic — earth tones, rounded shapes, hand-drawn feel, botanical accents"]
Style C [e.g., "Bold & Energetic — high contrast, vibrant colors, dynamic shapes, strong typography"]

Present all three options with a brief mood description. Ask the user to pick one or combine elements.

"Which direction feels right? Pick one, or tell me what to combine from each."


Step 3: Visual Identity

3A: Color Palette

Generate a complete palette based on the chosen direction:

Role Color Hex Usage
Primary [name] #XXXXXX Main brand color, CTAs, headers
Secondary [name] #XXXXXX Supporting elements, accents
Accent [name] #XXXXXX Highlights, notifications, links
Neutral Dark [name] #XXXXXX Body text, headings
Neutral Light [name] #XXXXXX Backgrounds, cards
Background [name] #XXXXXX Page background

Include contrast ratios for accessibility (WCAG AA minimum).

3B: Typography

Recommend a font pairing (Google Fonts for accessibility):

Role Font Weight Usage
Headlines [font name] Bold (700) H1-H3, hero text
Body [font name] Regular (400) Paragraphs, UI text
Accent (optional) [font name] Medium (500) Buttons, labels, captions

3C: Visual Style Guide

Define the overall aesthetic rules:

  • Photography style (if applicable): [e.g., natural light, high contrast, desaturated]
  • Illustration style (if applicable): [e.g., flat, isometric, hand-drawn, geometric]
  • Icon style: [e.g., outlined, filled, duotone]
  • Corner radius: [e.g., sharp, slightly rounded (4px), fully rounded (12px+)]
  • Spacing philosophy: [e.g., generous whitespace, compact and dense]
  • Pattern/texture: [e.g., subtle grain, geometric patterns, clean flat]

Step 4: Logo Generation

Generate logo options using available image generation tools.

Check for infsh CLI availability first:

which infsh

If available, generate logos using the model best suited for graphic design:

infsh app run falai/flux-dev-lora --input '{
  "prompt": "[logo prompt based on brand strategy]"
}'

If infsh is not available, use the Social Toolkit HiggsfieldImageTool with the nano_banana_pro model (optimized for logos and simple graphics):

HiggsfieldImageTool:
  model: "nano_banana_pro"
  prompt: "[logo prompt]"
  aspect_ratio: "1:1"
  resolution: "1080p"

Generate 3-4 logo variants:

Variant Style Prompt Focus
Option A Symbol/Icon Abstract or representational mark, no text
Option B Wordmark Stylized brand name as the logo
Option C Combination Symbol + brand name together
Option D Monogram Initials or abbreviation, compact form

Prompt engineering for logos:

  • Include the brand personality traits in every prompt
  • Specify "logo design, vector style, clean lines, [brand colors], transparent background"
  • Reference the visual direction chosen in Step 2
  • Avoid photorealism — logos need to work as flat graphics
  • Specify "no text" for symbol variants to avoid garbled AI text

Download all generated logos to the output directory.


Step 5: Brand Imagery

Generate supporting brand images for use across web and social.

Image set to generate:

Image Purpose Aspect Model
Hero/Banner Website header, social cover 16:9 nano_banana_2 or infsh
Social profile picture Instagram, TikTok, X avatar 1:1 nano_banana_pro
OG/Share image Link preview image 16:9 nano_banana_2 or infsh
Pattern/Texture Background element, brand texture 1:1 nano_banana_2 or infsh
Lifestyle/Mood (2-3) Social media content, about sections 4:3 soul_2 or infsh

Prompt engineering for brand images:

  • Use the brand's color palette explicitly in prompts
  • Match the visual style guide from Step 3C
  • Reference the industry and audience context from research
  • Never generate generic stock-photo-style images

Fallback chain:

  1. infsh CLI (preferred — FLUX or Grok models)
  2. HiggsfieldImageTool (Social Toolkit MCP)
  3. CSS-only effects + detailed prompts saved for manual generation later

Download all generated images to the output directory alongside the logos.


Step 6: Domain Name Suggestions

Suggest 8-12 domain name options based on the brand name, positioning, and industry.

Naming strategies to cover:

Strategy Example
Exact match brandname.com
With prefix get[brand].com, try[brand].com, hello[brand].com
With suffix [brand]app.com, [brand]hq.com, [brand]studio.com
Alternative TLD brandname.io, brandname.co, brandname.dev, brandname.shop
Creative variation Abbreviation, portmanteau, related word

Check availability for each domain by fetching the URL and checking for non-200 responses:

WebFetch -> https://[domain]

A connection error, 404, or "domain not found" page indicates the domain is likely available. A 200 with real content indicates it's taken. A parked/for-sale page means it's registered but potentially purchasable.

Present results as a table:

Domain Status Notes
brandname.com Taken Active website
brandname.io Available Recommended
getbrandname.com Available Good alternative
brandname.co Parked For sale — may be purchasable

Highlight the top 2-3 recommendations with reasoning.


Step 7: Social Media Username Check

Suggest 5-8 username options and check availability across platforms.

Platforms to check:

Platform URL Pattern
Instagram https://www.instagram.com/[username]/
TikTok https://www.tiktok.com/@[username]
X (Twitter) https://x.com/[username]
YouTube https://www.youtube.com/@[username]
Facebook https://www.facebook.com/[username]
GitHub https://github.com/[username]
LinkedIn https://www.linkedin.com/company/[username]

Check availability by fetching each URL:

WebFetch -> [platform URL with username]

A 404 response or "page not found" content indicates the username is likely available. A 200 with a real profile means it's taken.

Run all platform checks for each username in parallel to minimize wait time.

Present results as a matrix:

Username IG TikTok X YouTube FB GitHub
brandname Taken Available Available Available Taken Available
brandname_official Available Available Taken Available Available Available
getbrandname Available Available Available Available Available Available

Highlight usernames that are available across ALL platforms. Recommend the most consistent handle.

"My top recommendation is @[username] — it's available on all [N] platforms and matches the domain [domain]. Want me to finalize the brand kit with these?"


Step 8: Brand Kit Delivery

Compile all brand assets into a deliverable. Ask the user which output format to use:

"How would you like the brand kit delivered?"

  1. Notion — creates a structured Notion page with all assets, colors, fonts, and availability results
  2. Google Drive — generates an HTML brand guide + asset folder ready to upload
  3. Download (PDF-ready) — generates a self-contained HTML brand guide, opens in browser for PDF export via print

Option 1: Notion

Use notion-create-pages to create a brand kit page with sections:

  • Brand Strategy (positioning, personality, voice)
  • Color Palette (with hex swatches)
  • Typography (font names, weights, pairings)
  • Logo Options (embedded images)
  • Brand Imagery (embedded images)
  • Domain Recommendations (availability table)
  • Social Media Handles (availability matrix)
  • Visual Style Guide (rules and guidelines)

Option 2: Google Drive

Generate a folder structure:

brand-kit-[brandname]/
+-- brand-guide.html          # Visual brand guide (self-contained)
+-- logos/
|   +-- logo-symbol.png
|   +-- logo-wordmark.png
|   +-- logo-combination.png
|   +-- logo-monogram.png
+-- images/
|   +-- hero-banner.png
|   +-- social-avatar.png
|   +-- og-share.png
|   +-- pattern-texture.png
|   +-- lifestyle-1.png
|   +-- lifestyle-2.png
+-- availability-report.md    # Domain + username availability results

Save to /tmp/brand-kit-[brandname]/ and open the brand guide in the browser.

Option 3: Download (PDF-ready)

Generate a single self-contained HTML file with:

  • All images embedded as base64 or referenced from downloaded files
  • Print-optimized CSS (@media print with page breaks)
  • Clean layout: cover page, strategy, palette swatches, typography samples, logo showcase, imagery grid, availability tables
  • Open in the default browser with instructions: "Print to PDF (Cmd+P / Ctrl+P) to save"

Save to /tmp/brand-kit-[brandname]/brand-guide.html and open in the browser.


Conventions

  • Research before creating — never generate logos or suggest names without understanding the industry and audience first.
  • Parallel operations — run all social media checks, image generations, and domain lookups in parallel where possible.
  • Confirm at gates — confirm brand strategy (Step 2) and visual direction before generating assets.
  • Real availability data — always check domains and usernames live. Never guess availability.
  • Download all assets — every generated image must be downloaded to the output directory, not just linked.
  • Language detection — default to auto-detecting language from the user's input. Support explicit override.