Skip to main content
affpapa.org
RU EN
skill CX Codex

Brand Guidelines Generator — Claude Code skill: how to install

Generates brand style guides, typography rules, and color palettes. Helpful when you need to document visual identity and communication standards.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add claude-office-skills/skills --skill brand-guidelines-generator -a claude-code
npx skills add claude-office-skills/skills --skill brand-guidelines -a claude-code
Open on GitHub

What Brand Guidelines Generator does

The skill generates brand identity documentation in Markdown. It covers brand mission, logo clear space, typography hierarchy, and context-specific tone guidelines. Color palettes include WCAG 2.1 AA contrast requirements: 4.5:1 for normal text and 3:1 for large headings.

It will not draw logos. The skill produces written guidelines only. Font licensing and color validation remain your responsibility. For file export, it integrates with the office-mcp server through create_docx and create_pptx tools. English and Chinese are both supported.

What it helps with

  • create brand guidelines and logo usage rules from scratch
  • document color palettes with WCAG 2.1 AA contrast standards
  • define brand voice and tone across communication channels
  • compile quick reference cards and social media asset dimensions

Example prompts for the agent

  • Create brand guidelines for Acme Corp
  • Add social media guidelines to our brand guide
  • Update our color palette documentation

How to install Brand Guidelines Generator

1Skills CLI (Vercel)

npx skills add claude-office-skills/skills --skill brand-guidelines-generator -a claude-code
npx skills add claude-office-skills/skills --skill brand-guidelines -a claude-code

2Manually: put the files in place

~/.claude/skills/brand-guidelines/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/brand-guidelines/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about Brand Guidelines Generator

How to install Brand Guidelines Generator in Claude Code?

Run npx skills add claude-office-skills/skills --skill brand-guidelines-generator -a claude-code in your terminal.

What does Brand Guidelines Generator do?

It drafts structured brand style guides covering logo placement, color codes, typography scales, and voice guidelines.

Can this skill create logo image files?

No, it cannot generate visual assets or vector graphics. It only writes text documentation and can export files via office-mcp.

Source text

SKILL.md · MIT 
---
# ═══════════════════════════════════════════════════════════════════════════════
# CLAUDE OFFICE SKILL - Enhanced Metadata v2.0
# ═══════════════════════════════════════════════════════════════════════════════

# Basic Information
name: Brand Guidelines Generator
description: "Create and maintain brand style guides for consistent visual identity"
version: "1.0"
author: claude-office-skills
license: MIT

# Categorization
category: marketing
tags:
  - brand
  - guidelines
  - style
  - design
department: Marketing

# AI Model Compatibility
models:
  recommended:
    - claude-sonnet-4
    - claude-opus-4
  compatible:
    - claude-3-5-sonnet
    - gpt-4
    - gpt-4o

# MCP Tools Integration
mcp:
  server: office-mcp
  tools:
    - create_docx
    - create_pptx

# Skill Capabilities
capabilities:
  - brand_documentation
  - style_guide_creation

# Language Support
languages:
  - en
  - zh
---

# Brand Guidelines Generator

Create comprehensive brand guidelines to ensure consistent visual and verbal identity.

## Overview

This skill helps you:
- Create brand style guides from scratch
- Document existing brand elements
- Define usage rules and examples
- Maintain brand consistency

## How to Use

### Create New Guidelines
```
"Create brand guidelines for [Company Name]"
"Help me document our brand identity"
"Generate a style guide based on our logo and colors"
```

### Update Existing
```
"Add social media guidelines to our brand guide"
"Update our color palette documentation"
"Define voice and tone guidelines"
```

## Brand Guidelines Structure

### Complete Guide Template
```markdown
# [Brand Name] Brand Guidelines

## Table of Contents
1. Brand Overview
2. Logo Usage
3. Color Palette
4. Typography
5. Imagery
6. Voice & Tone
7. Applications
8. Do's and Don'ts

---

## 1. Brand Overview

### Mission
[One sentence: Why does the brand exist?]

### Vision
[One sentence: What future does the brand aspire to?]

### Values
- [Value 1]: [Brief description]
- [Value 2]: [Brief description]
- [Value 3]: [Brief description]

### Brand Personality
[3-5 adjectives that describe the brand]
Example: Innovative, Approachable, Trustworthy

### Target Audience
[Primary and secondary audience descriptions]

---

## 2. Logo Usage

### Primary Logo
[Logo image placeholder]

### Logo Variations
- **Primary**: Full color, horizontal
- **Secondary**: Stacked/vertical
- **Icon/Mark**: Symbol only
- **Wordmark**: Text only

### Clear Space
Minimum clear space around logo: [X] times the height of [element]

### Minimum Sizes
- Print: [X] inches / [Y] mm
- Digital: [X] pixels

### Logo Colors
| Version | Use Case |
|---------|----------|
| Full Color | Primary use on white/light backgrounds |
| Reversed | On dark backgrounds |
| Monochrome | Single-color printing |

### Logo Don'ts
- ❌ Don't stretch or distort
- ❌ Don't rotate
- ❌ Don't change colors
- ❌ Don't add effects (shadows, gradients)
- ❌ Don't place on busy backgrounds

---

## 3. Color Palette

### Primary Colors
| Color | Hex | RGB | CMYK | Pantone |
|-------|-----|-----|------|---------|
| [Name] | #XXXXXX | R, G, B | C, M, Y, K | XXXX C |

### Secondary Colors
[Same format as above]

### Accent Colors
[Same format as above]

### Color Usage
- **Primary Blue**: Headlines, CTAs, primary elements
- **Secondary Gray**: Body text, borders
- **Accent Green**: Success states, highlights

### Accessibility
All text must meet WCAG 2.1 AA contrast requirements:
- Normal text: 4.5:1 minimum
- Large text: 3:1 minimum

---

## 4. Typography

### Primary Font
**[Font Name]** - [Source/License]

| Style | Weight | Use |
|-------|--------|-----|
| Heading 1 | Bold (700) | Page titles |
| Heading 2 | Semi-bold (600) | Section headers |
| Body | Regular (400) | Paragraph text |
| Caption | Light (300) | Small text, captions |

### Secondary Font
**[Font Name]** - [When to use]

### Font Sizes
| Element | Desktop | Mobile |
|---------|---------|--------|
| H1 | 48px | 32px |
| H2 | 36px | 24px |
| H3 | 24px | 20px |
| Body | 16px | 16px |
| Small | 14px | 14px |

### Line Heights
- Headings: 1.2
- Body text: 1.5
- Small text: 1.4

---

## 5. Imagery

### Photography Style
- [Lighting]: Natural, bright
- [Composition]: Clean, minimal
- [Subjects]: Real people, authentic moments
- [Mood]: [Aspirational/Professional/Friendly]

### Illustration Style
[If applicable - describe style, colors, line weights]

### Iconography
- Style: [Outline/Filled/Duotone]
- Stroke width: [X]px
- Corner radius: [X]px
- Grid size: [24x24, 16x16]

### Image Don'ts
- ❌ No stock photos that look staged
- ❌ No outdated technology
- ❌ No images that conflict with brand values

---

## 6. Voice & Tone

### Brand Voice
Our voice is: [Adjective], [Adjective], [Adjective]

| We Are | We Are Not |
|--------|------------|
| Friendly | Casual |
| Confident | Arrogant |
| Clear | Simplistic |
| Helpful | Pushy |

### Tone by Context
| Context | Tone | Example |
|---------|------|---------|
| Marketing | Inspiring | "Transform your workflow" |
| Support | Empathetic | "We understand this is frustrating" |
| Error Messages | Helpful | "Let's fix this together" |
| Legal | Clear | "Your data is protected" |

### Writing Guidelines
- Use active voice
- Keep sentences short (15-20 words)
- Avoid jargon unless necessary
- Address the reader directly ("you")

---

## 7. Applications

### Business Cards
[Specifications and layout]

### Email Signature
```
[Name]
[Title]
[Company]
[Phone] | [Email]
[Website]
```

### Social Media
| Platform | Profile Image | Cover Size |
|----------|---------------|------------|
| LinkedIn | 400x400px | 1128x191px |
| Twitter | 400x400px | 1500x500px |
| Facebook | 170x170px | 820x312px |

### Presentation Templates
[Slide specifications and examples]

---

## 8. Do's and Don'ts

### Do's ✅
- Use approved color combinations
- Maintain clear space around logo
- Follow typography hierarchy
- Use high-quality images
- Stay consistent across channels

### Don'ts ❌
- Alter logo proportions
- Use off-brand colors
- Mix too many fonts
- Use low-resolution assets
- Deviate without approval
```

## Quick Reference Card

```markdown
# [Brand] Quick Reference

## Colors
🔵 Primary: #XXXXXX
⚪ Secondary: #XXXXXX
🟢 Accent: #XXXXXX

## Fonts
Headlines: [Font] Bold
Body: [Font] Regular

## Logo
- Minimum size: XXpx
- Clear space: Xpx
- File formats: SVG, PNG, PDF

## Voice
[3 key adjectives]
```

## Limitations

- Cannot create visual assets (logos, images)
- Color specifications should be verified
- Typography licensing is user's responsibility
- Legal review recommended for usage rights

© claude-office-skills · MIT · claude-office-skills/skills

Similar skills

Everything for Marketing and content →
brand-guidelines Alireza Rezvani Applies and documents brand rules for colours, typography, logos and tone of voice. Use it to audit assets or build a brand guide for a product. 696installs brand-voice-enforcement official anthropics This skill automatically applies your brand guidelines to any content: emails, posts, proposals. It loads your rules, adapts tone to the audience, and explains how each brand choice works. CX Codex +1 3,600installs brand-style-guide rampstackco Builds or audits a brand style guide across eight sections: story, logo, color, typography, imagery, voice, applications, dos and don'ts. Useful once the identity is done and needs handing off. CX Codex +1 388installs brand-consistency-checker OneWave-AI A skill that scans documents and slides for off-brand colors, fonts and logos, checks them against your guidelines and suggests fixes. CX Codex +1 345installs brand-voice arnabbagxd Generates a brand voice guide with tone dimensions, vocabulary lists, and channel rules. Helpful when onboarding writers or standardizing copy. CX Codex +1 1,800installs brand claudekit Keeps brand voice, visual rules and design tokens in one markdown file, then feeds them to your agent's prompts and to your CSS variables. CX Codex +1 39,900installs

From the same set109

Transcription Automation A skill for automatic audio and video transcription: meeting notes, subtitles, podcast show notes. Runs through the media-mcp server. CX Codex +1 4,800installs ai-slides Turns a topic, outline or rough notes into a full presentation with structure, slide content and visual suggestions. Handy when the deck is due tomorrow. CX Codex +1 4,900installs Apple Shortcuts Integration Creates and runs Apple Shortcuts for iOS and macOS automation, with support for reminders, notes, and calendar workflows. CX Codex +1 4,700installs Microsoft Teams Automation A skill that drives Microsoft Teams from an AI agent: channel messages, meeting scheduling, webhooks and bot workflows. CX Codex +1 4,700installs PDF Compress A skill that cuts PDF file size for email, web or archive, picking a compression preset and reporting what each step saved. CX Codex +1 4,700installs WooCommerce Automation A skill that automates a WooCommerce store: orders, inventory, customers and coupons. Useful when order admin eats your day. CX Codex +1 4,700installs QuickBooks Automation Automates QuickBooks accounting pipelines, from invoicing and expense categorization to bank reconciliation and reporting. Useful for managing books directly through coding agents. CX Codex +1 4,700installs Invoice Automation A skill that generates invoices, sends them, tracks payments and reconciles them against accounting platforms. Useful when invoicing is still manual. CX Codex +1 4,700installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor