design-brand-system-generation

Installation
SKILL.md

Brand Identity & Design System Generator

Transform product artifacts into a complete brand identity and design system — from strategy and personality to visual identity, design tokens, and component patterns — that feels so inevitable users think "of course, how else would it be?"

Philosophy

A brand is not a logo. A brand is not a color palette. A brand is the gut feeling people have about your product, company, or service. A design system is the precise implementation of that feeling in code. This skill produces both.

Work from the inside out:

  1. Strategy first — Who are you, why do you exist, who do you serve, and what makes you different?
  2. Personality second — If your brand were a person, what kind of person? What archetype?
  3. Voice third — How does that person speak? What do they say and how?
  4. Visual identity fourth — What does that person look like? Logo, color, type, imagery.
  5. Design tokens fifth — The precise, implementable specifications for digital products.
  6. Component patterns last — How tokens compose into reusable UI components.

Every visual, verbal, and technical decision must trace back to strategy. If you can't explain why a color, font, token, or word was chosen, it's decoration, not identity.

Related skills

More from hungv47/agent-skills

Installs
12
GitHub Stars
2
First Seen
Mar 1, 2026