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本体の挙動とは独立した参考情報です。
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
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
$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. 下の青いボタンを押して
brand-kit.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
brand-kitフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-18
- 取得日時
- 2026-05-18
- 同梱ファイル
- 1
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
ブランドキットジェネレーター
リアルタイムの可用性チェックにより、ロゴ、カラーパレット、タイポグラフィ、イメージ、ドメイン名、ソーシャルメディアハンドルといった完全なブランドアイデンティティを作成する、調査に基づいたスキルです。単なる一般的なブランディングにとどまらず、アセットを生成する前に業界、競合他社、オーディエンスを調査します。
これはロゴジェネレーターではありません。スペースの調査、戦略の定義、ビジュアルアセットの生成、デジタル可用性の検証、洗練されたブランドキットの提供を行う、完全なブランドアイデンティティシステムです。
ワークフローの概要
入力 (ビジネスアイデア、既存の資料)
-> 調査 (業界、競合他社、オーディエンス)
-> ブランド戦略 (ポジショニング、ボイス、パーソナリティ)
-> ビジュアルアイデンティティ (色、タイポグラフィ、ムード)
-> ロゴ生成 (AI生成オプション)
-> ブランドイメージ (ヒーロー、ソーシャル、パターン)
-> ドメインチェック (提案 + 可用性の検証)
-> ユーザー名チェック (提案 + プラットフォーム全体の検証)
-> ブランドキットの提供 (Notion / Drive / PDF)
ステップ 0: 入力の収集
まず既存の資料を確認してください:
「開始にあたって、既存の資料はありますか? ブリーフ、ムードボード、既存のロゴ、ウェブサイト、ソーシャルプロフィール、またはブランドを説明するドキュメントなどです。ファイルパスを共有するか、コンテンツを貼り付けるか、URLを提供してください。それ以外の場合は、ステップごとに説明します。」
資料が提供された場合:
- Readツールを使用してファイルを読み取ります
FirecrawlScrapeToolを使用してURLをスクレイピングしますFetchInstagramProfileTool、FetchTiktokProfileTool、FacebookBusinessPageInfoToolを使用してソーシャルプロフィールを取得します- ブランド名、業界、既存の色、トーン、オーディエンス、ビジュアルスタイルを抽出します
- 概要表を提示し、続行する前に確認します。ステップ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:
infshCLI (preferred — FLUX or Grok models)HiggsfieldImageTool(Social Toolkit MCP)- 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 |
|---|---|
https://www.instagram.com/[username]/ |
|
| TikTok | https://www.tiktok.com/@[username] |
| X (Twitter) | https://x.com/[username] |
| YouTube | https://www.youtube.com/@[username] |
https://www.facebook.com/[username] |
|
| GitHub | https://github.com/[username] |
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?"
- Notion — creates a structured Notion page with all assets, colors, fonts, and availability results
- Google Drive — generates an HTML brand guide + asset folder ready to upload
- 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 printwith 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.