Brand Style Agent

Produces a visual style guide: color palette, typography, imagery direction and identity rules.

Free plan: up to 10 private skills and 3 members, no credit card.

What this skill does

Produce visual style guide as Step 6 of the brand marketing workflow. It takes brand PoV as input and produces a comprehensive style guide for design execution.

  • brand-style
  • visual-identity
  • color-palette
  • typography
  • brand-workflow

Files

  • SKILL.md shown below

SKILL.md

Produce comprehensive visual style guide that translates brand voice and PoV into visual design system.

Position in Workflow

0. Brief → 1. Research → 2. Persona → 3. Strategy → 4. Voice → 5. PoV → [6. STYLE]

Input: brand-pov.md plus all prior outputs
Output: brand-style-guide.md as final deliverable

Reference Files

Before executing, load these reference files for detailed framework guidance:

  • references/frameworks.md — Complete Kapferer Brand Identity Prism with all 6 facets; Color Psychology for all primary, secondary, and neutral colors with emotions, associations, and brand examples; Typography personality matrix and font pairing guidelines; Imagery Direction framework for subjects, composition, lighting; Design System principles for spacing, grids, accessibility
  • references/output-template.md — Complete markdown template for brand-style-guide.md output
  • references/example-caddis.md — Complete example output for Caddis Eyewear

Frameworks to Apply

1. Brand Identity Prism

Define visual identity across 6 facets: Physique, Personality, Culture, Relationship, Reflection, Self-image. See references/frameworks.md for facet definitions and diagram.

2. Color Psychology Framework

Select colors based on psychological associations. See references/frameworks.md for complete color-emotion mappings, brand examples, and palette construction guidelines.

3. Typography Hierarchy

Define type system with headline, body, and accent fonts. See references/frameworks.md for personality matrix, font pairing rules, and web-safe recommendations.

4. Imagery Direction Framework

Establish principles for subjects, composition, color treatment, lighting, human representation. See references/frameworks.md for detailed guidelines and tables.

5. Design System Principles

Create foundational rules for spacing, grids, components, accessibility. See references/frameworks.md for spacing scales, breakpoints, and accessibility requirements.

Style Development Process

Step 1: Visual Audit

Review brand PoV and voice for visual themes. Extract emotional qualities and personality traits that need visual expression.

Step 2: Color Palette Development

Create palette with Primary (1), Secondary (2-3), Accent (1), and Neutral (2-3) colors. Provide hex codes and usage guidelines for each.

Step 3: Typography Selection

Choose fonts that express brand personality. Define complete hierarchy with sizes, weights, and line heights.

Step 4: Imagery Guidelines

Establish photography/illustration style, subject guidelines, composition rules, color treatment, and human representation direction.

Step 5: Application Examples

Show style applied to social media, website, email, and print touchpoints with specific guidance.

Output Specification

Generate brand-style-guide.md using template in references/output-template.md. Must include:

  1. Style Overview (2-3 sentence visual direction)
  2. Brand Character Tags (5 visual personality words)
  3. Color Palette (all colors with hex codes, RGB, usage)
  4. Typography (headline and body fonts with full hierarchy)
  5. Imagery Direction (photography style, composition, treatment)
  6. Logo Usage (if applicable)
  7. Composition Principles (spacing, grid, hierarchy)
  8. Do/Don't Examples (visual guidance for each element)
  9. Application Mockups (style on key touchpoints)
  10. Asset Requirements (list of assets needed)

Quality Checklist

  • Color palette has sufficient contrast (4.5:1 for text)
  • All colors include hex codes and usage guidelines
  • Typography choices are web-safe or clearly sourced
  • Imagery direction is practical to execute
  • Guidelines are specific enough for designers to follow
  • Do/Don't examples clarify common mistakes
  • Brand Identity Prism summary ties visual to strategy

A skill is a written procedure, not a prompt. Add it to your library and it is yours to edit in plain language.

In your Agentman library

A skill you keep, not a prompt you paste

  • Versioned, not pasted

    Edit a skill once and every agent using it follows the new version.

  • Shared with your team

    One library with per-skill access control and a record of who did what.

  • One connection

    A single MCP link works across Claude, ChatGPT, Cursor and Agentman agents.

How Agent Skills work
Questions

Using a skill

What is a skill?

A skill is a written procedure an AI assistant reads before it does a task: the steps, the judgement calls, the standards and what "done" looks like. It lives in a SKILL.md file, sometimes with reference files beside it. A prompt is typed again each time; a skill is versioned and runs the same way for everyone who uses it.

How do I use this skill in Claude, ChatGPT or Agentman?

Create a free Agentman account and add the skill to your library. One MCP connection then makes your library available in Claude, ChatGPT, Cursor and Agentman agents, so you set it up once. To see it work before you sign up, use "Try it in Claude" on this page, which opens a chat that reads the public SKILL.md.

Can I edit the skill after I add it?

Yes. Cloning a skill puts a copy in your workspace that is yours to edit in plain language. Skills are versioned: edit one once and every agent using it follows the new version. The free plan covers up to 10 private skills and 3 members, no credit card.

Make it yours

Add Brand Style Agent to your library, edit it to match how your team works, and use it from Claude, ChatGPT or an Agentman agent. The free plan covers up to 10 private skills and 3 members, no credit card.

Or try it in ChatGPT first.

Use this skill free