Claude Code Plugins

Community-maintained marketplace

Feedback

competitive-visual-audit

@mike-coulbourn/claude-vibes
3
0

Provides competitive visual audit frameworks and templates for brand identity work. Auto-activates during visual direction, color selection, typography selection, and positioning work. Use when discussing competitors, competitive audit, differentiation, white space, perceptual mapping, visual landscape, zig zag strategy, brand audit, color audit, typography audit, visual identity analysis, or positioning maps.

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name competitive-visual-audit
description Provides competitive visual audit frameworks and templates for brand identity work. Auto-activates during visual direction, color selection, typography selection, and positioning work. Use when discussing competitors, competitive audit, differentiation, white space, perceptual mapping, visual landscape, zig zag strategy, brand audit, color audit, typography audit, visual identity analysis, or positioning maps.

Competitive Visual Audit Frameworks

Quick reference for competitive brand analysis that informs visual identity decisions. This skill auto-activates during visual phases to ensure competitive insights guide design decisions.

"When others zig, zag. Radical differentiation is the surest path to relevance." — Marty Neumeier


Key Statistics

  • 55% of brand first impressions are visual
  • 90% of snap judgments are made on color alone (depending on product)
  • 80% boost in brand recognition from consistent visual strategy
  • 86% of customers say authenticity is a key reason they buy

The Good/Different Chart (Marty Neumeier)

Plot brands on two axes — "Good" (customer value) and "Different" (novelty/surprise):

                DIFFERENT (Novel, Surprising)
                       │
      ZONE OF          │         ZONE OF
      IRRELEVANCE      │         DOMINANCE
      (Different but   │         (Good AND Different)
       not good)       │         ← THE GOAL
                       │
───────────────────────┼───────────────────────
                       │
      ZONE OF          │         ZONE OF
      MEDIOCRITY       │         COMMODITIZATION
      (Neither good    │         (Good but
       nor different)  │          not different)
                       │
                GOOD (Customer Value)

Score each competitor 1-10 on both axes, then plot their position.


The Only-ness Statement (Marty Neumeier)

Format: "Our brand is the only [category] that [differentiation] for [audience] in [market] who [need or belief]."

Test: Can competitors complete the same statement truthfully? If yes, you're not differentiated enough.


Zig vs Zag Decision Framework

When to "Zig" (Follow Category Conventions)

  • Category requires trust/safety signals (healthcare, finance, legal)
  • Customers use visual conventions to identify legitimate options
  • Entering an established market needing initial credibility
  • Differentiation comes from other factors (service, pricing)

When to "Zag" (Break Category Conventions)

  • Category is visually homogeneous (everyone looks the same)
  • Genuine philosophical/strategic difference to communicate
  • Target audience is tired of category sameness
  • Can sustain the difference with real substance
  • Willing to polarize some to attract others strongly

Visual Differentiation Priority

Based on impact and feasibility:

Priority Element Impact Notes
1 Color Highest Most immediate differentiator
2 Typography High Affects all touchpoints
3 Photography/Imagery High Distinctive but resource-intensive
4 Illustration style High Unique but requires consistency
5 Logo design Foundational Sets tone, just one element
6 Layout/White space Subtle Differentiates through feel

Quick Visual Audit Checklist

When analyzing competitors, capture for each:

Visual Identity

  • Logo: Symbol vs. wordmark, style, complexity
  • Primary Color + Hex code
  • Secondary Colors
  • Typography: Serif vs. sans-serif, weights
  • Imagery: Photography vs. illustration, mood, subjects
  • Overall aesthetic: Minimal, bold, playful, corporate

Positioning

  • Tagline
  • Key claims
  • Only-ness assessment (can they complete the statement?)
  • Good/Different Chart position (1-10 each axis)

Voice

  • Tone: Professional, casual, playful, authoritative
  • Personality traits (3-4 adjectives)
  • Sample language from their site

Perceptual Mapping Quick Guide

  1. Choose Two Axes that matter to customers and create contrast:

    • Price (Low → High) vs. Quality (Low → High)
    • Professional ↔ Friendly
    • Traditional ↔ Innovative
    • For Experts ↔ For Everyone
  2. Plot 10+ competitors on the map

  3. Identify White Space — quadrants with low competition


Common Visual Patterns to Look For

Color Clusters

  • Where do most competitors congregate? (Many industries have a "blue problem")
  • What color territories are unclaimed?

Typography Trends

  • All serif? → Consider sans-serif
  • All geometric sans? → Consider humanist or serif

Imagery Patterns

  • All stock photography? → Consider custom illustration
  • All people shots? → Consider product/abstract

Research-to-Design Bridge

Competitive Finding Informs
Color white space Primary color selection
Typography patterns Typeface selection
Imagery gaps Photography/illustration direction
Positioning map white space Visual personality
Archetype landscape Overall aesthetic

Templates

See reference/templates.md for:

  • Color Audit Matrix
  • Typography Audit Matrix
  • Imagery Style Audit Matrix
  • Perceptual Map Template
  • Good/Different Chart Template
  • Output Validation Checklist

When to Apply This Knowledge

During Color Selection

  • Reference competitive color audit to avoid clusters
  • Identify unclaimed color territories

During Typography Selection

  • Reference typography audit to find differentiation
  • Counter-position if category is homogeneous

During Visual Direction

  • Use perceptual map to guide overall aesthetic
  • Apply Zig vs Zag decision framework

During Positioning Work

  • Reference Only-ness Statement opportunities
  • Use Good/Different Chart for strategic positioning

Key Principles

  1. Map before you create — Understand the landscape before making visual decisions
  2. White space is opportunity — What no one does is what you could own
  3. Color is fastest differentiator — Start there for visual differentiation
  4. Distinctiveness requires consistency — Different only works if you maintain it
  5. Be the Only, not the Best — Neumeier's core principle

Deep Methodology

For comprehensive competitive brand audits, the brand-competitive-auditor agent contains 750+ lines of expert methodology including detailed output formats and research processes.