Skills DirectorySkills Directory
SkillsLearnSecurityCategoriesDocsCommunityBlog
Sign InSubmit Skill
Skills Directory

Security-tested agent skills for Claude, coding agents, and AI workflows.

Directory

  • Browse Skills
  • All Skills A–Z
  • Claude Skills
  • Claude Code Skills
  • Agent Skills
  • Categories
  • Authors
  • Submit a Skill

Learn

  • Learn Hub
  • Install Claude Skills
  • Write SKILL.md
  • Skills vs MCP
  • Directories Compared

Security

  • Security
  • Methodology
  • Secure Claude Skills
  • Security Badges

Company

  • About
  • Community
  • Blog
  • API Docs
  • Advertise

2026 Skills Directory. All rights reserved.

ProTermsPrivacyRefunds
Back to skills

Competitive Visual Audit

ASecurity

Use when analyzing competitor brands to find visual or positioning white space before making identity decisions, such as auditing competitor colors, typography, logos, imagery, and voice, or building a perceptual map. Keywords - competitive audit, competitor analysis, visual landscape, differentiation, white space, perceptual mapping, zig when others zag.

41 stars
0 votes
0 copies
0 views
Added 9/22/2026
developmentrustgogit

Security Analysis

A100/100

Scanned 9/22/2026

Install to Claude Code

$npx -y skills add mike-coulbourn/claude-vibes --skill competitive-visual-audit --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Competitive Visual Audit?

Add the live security badge to your README — it updates automatically with every re-scan.

Security grade badge for Competitive Visual Audit
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/mike-coulbourn-competitive-visual-audit/badge)](https://www.skillsdirectory.com/skills/mike-coulbourn-competitive-visual-audit)

More formats (shields.io, HTML) on the badges page.

Download with Pro
Files
SKILL.md
---
name: competitive-visual-audit
description: Use when analyzing competitor brands to find visual or positioning white space before making identity decisions, such as auditing competitor colors, typography, logos, imagery, and voice, or building a perceptual map. Keywords - competitive audit, competitor analysis, visual landscape, differentiation, white space, perceptual mapping, zig when others zag.
---

# Competitive Visual Audit Frameworks

Quick reference for competitive brand analysis that informs visual identity decisions. This skill auto-activates during visual phases so 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

Read [reference/templates.md](reference/templates.md) when producing a deliverable the user will keep, such as a filled worksheet, a documented decision, or a final write-up. Skip it for conceptual questions and quick recommendations, which this file covers. It opens with a table of contents, so load only the template needed:
- 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 full competitive brand audits, the `brand-competitive-auditor` agent contains 750+ lines of methodology, including output formats and research processes.

Attribution

mike-coulbournmike-coulbourn
View sourceMore from mike-coulbourn →
SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments (0)

No comments yet. Be the first to comment!

SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

Related Skills

Browser Extension Developer

Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.

284722 votes

Seo Optimizer

SEO optimization with keyword analysis, readability assessment, technical validation, content quality. Use for search rankings, blog posts, content audits, or encountering keyword density, readability scores, meta tags, schema markup errors.

2192 votes

Google Official Seo Guide

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

1862 votes

Tanstack Start

Build a full-stack TanStack Start app on Cloudflare Workers from scratch — SSR, file-based routing, server functions, D1+Drizzle, better-auth, Tailwind v4+shadcn/ui. Use whenever the user mentions TanStack Start, asks to scaffold a full-stack Cloudflare app with SSR, wants an SSR dashboard, or asks for a React 19 + Cloudflare Workers app with file-based routing and server functions — even if they don't name TanStack Start specifically. No template repo — Claude generates every file fresh per ...

9881 votes

Pentest

PTES-aligned adversarial security audit for backend, frontend, and mobile applications. Produces a CVSS-scored Hacker Report with verified PoCs and phased remediation.

5491 votes
View all in development →