brand-kit

GitHub

用于生成完整品牌标识体系的研究型技能,涵盖Logo、配色、字体及视觉素材,并实时验证域名与社交媒体账号可用性,最终输出至Notion或PDF。

data/skills-md/aalvaaro/skills/brand-kit/SKILL.md NeverSight/learn-skills.dev

触发场景

创建品牌 设计Logo 检查域名可用性 寻找社交媒体用户名 品牌资产生成

安装

npx skills add NeverSight/learn-skills.dev --skill brand-kit -g -y
更多选项

非标准路径

npx skills add https://github.com/NeverSight/learn-skills.dev/tree/main/data/skills-md/aalvaaro/skills/brand-kit -g -y

不安装直接使用

npx skills use NeverSight/learn-skills.dev@brand-kit

指定 Agent (Claude Code)

npx skills add NeverSight/learn-skills.dev --skill brand-kit -a claude-code -g -y

安装 repo 全部 skill

npx skills add NeverSight/learn-skills.dev --all -g -y

预览 repo 内 skill

npx skills add NeverSight/learn-skills.dev --list

SKILL.md

Frontmatter
{
    "name": "brand-kit",
    "description": "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."
}

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.

版本历史

  • e0220ca 当前 2026-07-05 22:06

同 Skill 集合

data/skills-md/00prabalk00/claude-skills/knowledge-base-gap-finder/SKILL.md
data/skills-md/01000001-01001110/agent-jira-skills/jira-agile/SKILL.md
data/skills-md/01000001-01001110/agent-jira-skills/jira-auth/SKILL.md
data/skills-md/01000001-01001110/agent-jira-skills/jira-issues/SKILL.md
data/skills-md/01000001-01001110/agent-jira-skills/jira-project-management/SKILL.md
data/skills-md/01000001-01001110/agent-jira-skills/jira-projects/SKILL.md
data/skills-md/01000001-01001110/agent-jira-skills/jira-safe/SKILL.md
data/skills-md/01000001-01001110/agent-jira-skills/jira-search/SKILL.md
data/skills-md/01000001-01001110/agent-jira-skills/jira-spaces/SKILL.md
data/skills-md/01000001-01001110/agent-jira-skills/jira-transitions/SKILL.md
data/skills-md/0731coderlee-sudo/wechat-publisher/wechat-publisher/SKILL.md
data/skills-md/0froq/skills/conventionalcommits/SKILL.md
data/skills-md/0froq/skills/nuxt/SKILL.md
data/skills-md/0froq/skills/oq/SKILL.md
data/skills-md/0froq/skills/pinia/SKILL.md
data/skills-md/0froq/skills/pnpm/SKILL.md
data/skills-md/0froq/skills/slidev/SKILL.md
data/skills-md/0froq/skills/tsdown/SKILL.md
data/skills-md/0froq/skills/turborepo/SKILL.md
data/skills-md/0froq/skills/unocss/SKILL.md
data/skills-md/0froq/skills/vitepress/SKILL.md
data/skills-md/0froq/skills/vitest/SKILL.md
data/skills-md/0froq/skills/vue-best-practices/SKILL.md
data/skills-md/0froq/skills/vue-router-best-practices/SKILL.md
data/skills-md/0froq/skills/vue-testing-best-practices/SKILL.md
data/skills-md/0froq/skills/vue/SKILL.md
data/skills-md/0froq/skills/vueuse-functions/SKILL.md
data/skills-md/0froq/skills/web-design-guidelines/SKILL.md
data/skills-md/0juano/agent-skills/bondterminal-x402/SKILL.md
data/skills-md/0juano/agent-skills/edgeone-pages-deploy/SKILL.md
data/skills-md/0juano/agent-skills/ley-ar/SKILL.md
data/skills-md/0juano/agent-skills/ticktick/SKILL.md
data/skills-md/0juano/agent-skills/x-image-cards/SKILL.md
data/skills-md/0juano/x-image-cards/x-image-cards/SKILL.md
data/skills-md/0x0funky/agent-sprite-forge/generate2dsprite/SKILL.md
data/skills-md/0x0funky/agent-sprite-forge/video2dsprite/SKILL.md
data/skills-md/0x2e/superpowers/brainstorming/SKILL.md
data/skills-md/0x2e/superpowers/dispatching-parallel-agents/SKILL.md
data/skills-md/0x2e/superpowers/executing-plans/SKILL.md
data/skills-md/0x2e/superpowers/finishing-a-development-branch/SKILL.md
data/skills-md/0x2e/superpowers/receiving-code-review/SKILL.md
data/skills-md/0x2e/superpowers/requesting-code-review/SKILL.md
data/skills-md/0x2e/superpowers/subagent-driven-development/SKILL.md
data/skills-md/0x2e/superpowers/systematic-debugging/SKILL.md
data/skills-md/0x2e/superpowers/test-driven-development/SKILL.md
data/skills-md/0x2e/superpowers/using-git-worktrees/SKILL.md
data/skills-md/0x2e/superpowers/using-superpowers/SKILL.md
data/skills-md/0x2e/superpowers/verification-before-completion/SKILL.md
data/skills-md/0x2e/superpowers/writing-plans/SKILL.md
data/skills-md/0x2e/superpowers/writing-skills/SKILL.md

元信息

文件数
0
版本
f4b4cf1
Hash
10aee288
收录时间
2026-07-05 22:06

首页 - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-10 01:06
浙ICP备14020137号-1 $访客地图$