Brand Designer

This one walks you through building complete brand identities from scratch, starting with discovery questions about your audience and values, then generating logo concepts as actual SVG React components you can drop into your codebase. It includes ready-to-use color palettes with full shade ranges (50-900), typography systems with CSS variables, and brand guideline templates that cover logo usage rules, spacing, and accessibility. The approach is practical, giving you both the strategic framework (competitor analysis, brand positioning) and the implementation details (Tailwind configs, component code). If you're building a product and need a cohesive visual identity without hiring a design agency, this gets you from brand brief to working assets with clear guardrails on how to use everything consistently.

Install to Claude Code

npx -y skills add daffy0208/ai-dev-standards --skill brand-designer --agent claude-code