Brand Designer
Stand up logo, colors, type, and brand guidelines before UI implementation or launch creative.
Overview
Brand Designer is an agent skill most often used in Validate (also Build, Launch) that creates logos, color and type systems, and brand guidelines for solo-built products.
Install
npx skills add https://github.com/daffy0208/ai-dev-standards --skill brand-designerWhat is this skill?
- Designs logos with SVG output and responsive, accessible considerations
- Creates primary, secondary, and supporting brand color palettes
- Builds typography systems aligned to the identity
- Generates brand guideline documents and social or marketing templates
- Produces business-card and collateral-style artifacts via agent-driven file changes
Adoption & trust: 1k installs on skills.sh; 28 GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
Your product works but looks interchangeable because you never defined a logo, palette, or typography system.
Who is it for?
Technical solo founders pre-launch who need fast, repo-ready brand assets tied to an initialized project.
Skip if: Deep trademark search, enterprise rebrand programs, or pixel-perfect marketing production without human design review.
When should I use this skill?
Project environment is initialized and you need logo, color, typography, guidelines, or marketing template design via the brand-designer skill.
What do I get? / Deliverables
You get cohesive brand artifacts—logo directions, palettes, type rules, and guideline or template files—ready to apply in UI code and launch creatives.
- Logo concepts or SVG assets
- Brand color and typography system
- Brand guidelines and optional social or business-card templates
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Brand identity is decided early so prototypes, marketing, and frontend work share one visual system instead of one-off aesthetics. Prototype covers visual direction and brand artifacts you preview before committing to full frontend build.
Where it fits
Define logo and palette so a clickable prototype no longer uses placeholder blues.
Export SVG logo and CSS variables for a Tailwind or design-token pass.
Generate social templates that match homepage brand for a launch week.
Refresh thumbnail or blog header styles to stay on-guideline as content volume grows.
How it compares
An identity generator skill package, not a Figma plugin or automated trademark clearance service.
Common Questions / FAQ
Who is brand-designer for?
Solo builders and indie SaaS founders who want agent-assisted brand systems before coding UI or publishing marketing.
When should I use brand-designer?
During validate when prototyping visual direction, during build when frontend needs tokens and logos, and at launch when creating social or collateral templates.
Is brand-designer safe to install?
It may modify or create files in your project; review permissions, repo source, and the Security Audits panel on this page before installing.
SKILL.md
READMESKILL.md - Brand Designer
name: brand-designer kind: skill description: Expert in brand identity, logo design, and visual brand systems preconditions: - check: project_initialized description: Project environment is set up required: true effects: - creates_cohesive - designs_and domains: &id001 - ai - api - frontend - backend - product - design cost: medium latency: medium risk_level: low side_effects: - modifies_files - creates_artifacts idempotent: false success_signal: brand-designer capability successfully applied failure_signals: - Prerequisites not met - Configuration error compatibility: requires: [] conflicts_with: [] composes_with: [] enables: [] observability: logs: - Applying brand-designer... - brand-designer completed metrics: - execution_time_ms - success_rate metadata: version: 1.0.0 created_at: '2025-10-30' tags: *id001 examples: [] # Brand Designer Skill Expert in brand identity, logo design, and visual brand systems. ## Quick Start ```bash # Activate skill claude-code --skill brand-designer ``` ## What This Skill Does - 🎨 Designs logos (SVG, responsive, accessible) - 🌈 Creates brand color palettes - 📝 Builds typography systems - 📄 Generates brand guidelines - 🖼️ Creates social media templates - 💼 Designs business cards and marketing materials ## Common Tasks ### Design Logo ``` "Design a modern logo for a SaaS company targeting developers" ``` ### Create Brand Colors ``` "Create a professional color palette with primary, secondary, and neutral colors" ``` ### Build Typography System ``` "Set up a typography scale using Inter font with proper hierarchy" ``` ### Generate Brand Guidelines ``` "Create brand guidelines document with logo usage, colors, and voice" ``` ## Technologies - **SVG** - Scalable vector graphics - **React** - Component-based logos - **Tailwind** - Design system - **Sharp** - Image processing - **Figma** - Design handoff ## Example Output ```typescript // Responsive logo component <Logo variant="full" size={40} color="primary" /> <Logo variant="icon" size={24} color="white" /> <Logo variant="wordmark" color="black" /> ``` ## Related Skills - `ui-designer` - Interface design - `design-system-builder` - Component libraries - `visual-designer` - Visual assets ## Learn More See [SKILL.md](./SKILL.md) for comprehensive brand design patterns. --- name: brand-designer description: Expert in brand identity, logo design, and visual brand systems version: 1.0.0 tags: [branding, logo-design, identity, visual-identity, brand-guidelines] --- # Brand Designer Skill I help you create cohesive brand identities, logos, and visual brand systems. ## What I Do **Brand Identity:** - Logo design and variations - Color palettes - Typography systems - Brand guidelines **Visual Assets:** - Business cards, letterheads - Social media templates - Marketing materials - Brand presentation decks **Brand Strategy:** - Brand positioning - Target audience definition - Competitor analysis - Brand voice and tone ## Logo Design Process ### Step 1: Brand Discovery **Questions to Answer:** - What does the company do? - Who is the target audience? - What are the brand values? - What feeling should the logo evoke? - Any colors/symbols to avoid? **Example Brief:** ```markdown ## Brand Brief: TechStart **Industry:** SaaS, developer tools **Target Audience:** Software developers, 25-40 years old **Brand Values:** Innovation, simplicity, reliability **Personality:** Modern, technical, approachable **Competitors:** GitHub, GitLab, Vercel **Logo Requirements:** - Works in monochrome - Scales from 16px (favicon) to billboard - Modern, not trendy (should age well) - Unique, memorable ``` --- ### Step 2: Logo Concepts **Concept 1: Wordmark** ``` Clean, modern typography Focus on the company name Example: Google, Facebook, Netflix ``` **Concept 2: Lettermark** ``` Initials in a distinctive way Good for long company names Example: IBM, HBO, CNN ``` **Concept 3: Icon + Wordmark**