visual-identity

Generate a complete visual identity system by providing industry, mood, and color preferences, or reading existing brand guidelines from `.ai/brand/{name}/`. The system outputs `tokens.yml` and `identity.yml` files containing your color palettes, typography pairings, and spacing rules.

Design tokens are codified variables representing visual identity elements like color and spacing. This Skill generates a `tokens.yml` file to integrate these rules directly into design systems and development workflows, ensuring automated brand consistency across all touchpoints.

Create a WCAG AA compliant color palette by inputting your industry and mood preferences into the visual identity generator. The system automatically ensures all generated body text color combinations meet WCAG AA contrast compliance standards.

Yes, you can use existing brand guidelines to generate design tokens. The system reads brand information directly from `.ai/brand/{name}/` directories to automatically produce matching typography, spacing rules, and `tokens.yml` files.

The best way to automate visual identity creation for a new product is using a design token generator that outputs `tokens.yml` and `identity.yml` files. This codifies your unique color scheme, font pairings, and spacing rules into a single comprehensive system.

No, you do not need existing files in `.ai/brand/` to generate a visual identity system. If no brand guidelines are found, the system gathers user input for industry, mood, and color preferences to create the complete visual DNA from scratch.