Brand Guidelines

Universal brand guideline engine for producing, reviewing, and suggesting brand-compliant marketing materials for ANY company. Use this skill whenever a task involves brand identity, visual consistency, marketing collateral, or corporate design standards. Triggers include: brand guidelines, brand book, visual identity, corporate identity, brand compliance, brand review, brand audit, marketing materials, social media copy, poster design, banner design, PPT template, presentation template, company brochure, brand colors, typography guidelines, tone of voice, brand voice, logo usage, brand assets

7 starsFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add piaoyinghuang/brand-consistency-ai-skill --skill brand-guidelines

Manual install

git clone --depth 1 https://github.com/piaoyinghuang/brand-consistency-ai-skill.git /tmp/brand-consistency-ai-skill
mkdir -p ~/.claude/skills
cp -r /tmp/brand-consistency-ai-skill/. ~/.claude/skills/brand-guidelines

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Brand Guidelines Engine

A universal skill for producing, reviewing, and advising on brand-compliant materials across
any company. This skill turns a brand configuration file into an active quality gate — every
deliverable you produce or review passes through brand rules automatically.

## How This Skill Works

The skill operates in three modes depending on what the user needs:

| Mode | Trigger | What Happens |
|------|---------|--------------|
| **Configure** | User provides brand info or uploads a brand guide | Parse → generate `brand-config.json` |
| **Produce** | User asks to create a deliverable (poster, PPT, copy…) | Load config → apply brand rules → create output |
| **Review** | User asks to check/audit existing material | Load config → run compliance checklist → report issues |

## Quick Start

### Step 0 — Load or Create Brand Configuration

Every task begins here. Check if a `brand-config.json` exists in the working directory or
in the user's uploaded files.

**If config exists**: Read it and confirm the brand name with the user.

**If config does NOT exist**: Ask the user for brand information. They may:
- Upload an existing brand guideline document (PDF, DOCX, PPT, image)
- Describe their brand verbally
- Point to a company website

Then generate the config by running:
```bash
python3 <skill-path>/scripts/init_brand_config.py --output brand-config.json
```
Edit the output JSON to fill in the user's brand details. The config structure covers every

Read the full skill on GitHub

Details

Skill name: brand-guidelines
Repository: piaoyinghuang/brand-consistency-ai-skill
License: MIT
Repo updated: 18 February 2026

FAQ

What does the Brand Guidelines skill do?

How do I install the Brand Guidelines skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add piaoyinghuang/brand-consistency-ai-skill --skill brand-guidelines. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Brand Guidelines popular?

It lives in piaoyinghuang/brand-consistency-ai-skill, which has 7 GitHub stars and 0 forks.

Related skills

Design Psychology

Fh-Ndiritu/design-psychology-skill

Audit or build any website/UI against research-backed conversion and design-psychology principles (Hick's Law, Von Restorff, Goal Gradient, Peak-End, Fitts's Law, the Aha moment, loss aversion, social proof, feedforward, labor illusion, and ~50 more). Use when reviewing a live URL or a local codebase for conversion/UX quality, or when designing or editing any user-facing surface — landing pages, pricing, onboarding, CTAs, forms, empty states, error flows, mobile screens. Auto-detects whether the target is a live URL or local source files. Brand-agnostic: derives the product's own tokens and vo

Frontend & Design

Blindspot

IdanTayree/Blindspot

Turn an idea — or a half-planned project already underway — into a buildable blueprint, by interviewing the user one question at a time until the unknowns run out, then deep-reading and verifying real open-source components for each part. Use this whenever someone describes something they want to build but has not specified it ('I want to build an app that…', 'I have an idea for…', 'help me plan/spec/scope this', 'turn my idea into a plan'), whenever they ask for a PRD, a spec, a product requirements document or a build plan, AND equally whenever someone says an existing project feels under-pl

Frontend & Design

Game UI Mobile Friendly Design

dungnotnull/game-ui-mobile-friendly-design-agent-skill

Mobile-Friendly Game UI Design & Touch-Friendly Interaction — Bulletproof production-grade harness for Mobile Game UI/UX & Touch Interaction Design analysis with zero placeholder code. Use this skill whenever the user asks for mobile game UI evaluation, touch interaction design, gesture discoverability analysis, accessibility assessment for games, one-handed mobile usability, thumb zone layout optimization, Fitts's Law application to touch targets, colorblind accessibility in games, or any mobile game interface design question. This skill provides evidence-backed analysis with academic citatio

Frontend & Design

Bauhaus Design

capsrock/bauhaus-design-skill

Create frontends, posters, dashboards, and web UIs rooted in Bauhaus and Swiss International Typographic Style (Internationale Typografische Stil) design principles. Use this skill when the user mentions Bauhaus, Swiss design, International Typographic Style, grid systems, Josef Müller-Brockmann, Max Bill, Jan Tschichold, Herbert Bayer, László Moholy-Nagy, constructivism, De Stijl-influenced UI, or asks for designs that emphasize mathematical grids, typographic hierarchy, geometric abstraction, asymmetric layouts, or modernist clarity. Also trigger when the user wants a 'clean modernist' look,

Frontend & Design

Tidyfactor Design

TidyFactor/Design

Code-native UI design lifecycle engine (Figma alternative) with Contextual Decision Layer (CDL). Supports all 7 design stages with zero per-page CSS/JS and pluggable CSS foundations (Native, Tailwind, daisyUI, Pico, Hybrid). Trigger on commands 'brief', 'study', 'init', 'brand', 'tokens', 'palette', 'layout', 'components', 'page', 'dashboard', 'motion', 'i18n', 'audit', 'deploy', or design system requests.

Frontend & Design

Avatar Sticker Pack

bianzigege/avatar-sticker-pack

Generate a reusable sticker pack from one or more user-provided avatar images. Use when the user asks for avatar stickers, emoji packs, reaction stickers, chibi stickers, human-proportion and Q-version variants, transparent PNG stickers, or a paired sticker set for chat platforms.

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.