Skills

Brand Visual Generator

When the user wants to define, audit, or apply visual identity (typography, colors...

Install

npx skills add kostja94/marketing-skills --skill brand-visual-generator -g -a claude-code -y
Category
Design
Updated
10d ago
License
MIT
Context cost
Mediumabout 2,872 tokens
Runs scripts
No, instructions only

What it does

When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics). Also use when the user mentions "brand style guide," "visual identity," "design system," "typography," "color palette," "brand guidelines," "AI brand aesthetics," "brand colors," "font choices," "spacing system," "design tokens," "motion," "distinctive design," "frontend aesthetics," "PowerPoint theme," "Google Slides brand," or "slide master colors." For brand story, positioning, and voice, use branding.

Components: Brand Visual Identity

Guides visual identity for consistent brand presentation. Companies with consistent branding see up to 23-33% revenue lift; 94% of consumers say consistency influences buying decisions.

Keywords: visual identity, design tokens, color palette, typography, CSS variables, slide deck, brand guidelines, frontend aesthetics, accessibility

When invoking: On first use, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.

Initial Assessment

Project context: Read root contextus.md when present and load only the modules relevant to this task. Without Contextus, use available project material or user-provided facts and ask for missing information; do not create a parallel context system.

Identify:

  1. Scope: New brand, audit, or component design
  2. Touchpoints: Web, print, social, product UI, slides (PowerPoint, Google Slides, Keynote), documents (Word, Google Docs, PDF reports)
  3. Existing assets: Logo, style guide, design files

Best Practices

Typography

Read the whole SKILL.md on GitHub

More in Design