brand-designer
✓Verified·Scanned 2/18/2026
This skill creates brand identities, logos, color palettes, typography systems, and asset-generation scripts. It includes an example startup command claude-code --skill brand-designer and a font import to https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap, both purpose-aligned operational behaviors.
Scanned from main at 32c3241 · Transparency log ↗
$ vett add daffy0208/ai-dev-standards/brand-designer
Brand Designer Skill
Expert in brand identity, logo design, and visual brand systems.
Quick Start
# 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
// 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 designdesign-system-builder- Component librariesvisual-designer- Visual assets
Learn More
See SKILL.md for comprehensive brand design patterns.