Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
composiohq avatar

Brand Guidelines

  • 3.3k installs
  • 71.8k repo stars
  • Updated July 24, 2026
  • composiohq/awesome-claude-skills

This is a copy of brand-guidelines by anthropics - installs and ranking accrue to the original listing.

brand-guidelines is a Claude skill that keeps generated UI copy, slides, and docs aligned with stated colors, typography, and voice for developers who need consistent branded output across agent prompts.

About

brand-guidelines is a skill from composiohq/awesome-claude-skills distributed under Apache License 2.0 that stops agent-generated UI copy, slide decks, and documentation from drifting away from a team's stated brand system on every new prompt. Developers reach for brand-guidelines when Claude or Cursor outputs marketing pages, changelog graphics, or in-app strings that ignore official hex values, font stacks, tone rules, or terminology glossaries. The skill encodes how to apply color palettes, typography scales, voice attributes, and naming conventions before shipping customer-facing artifacts. Use brand-guidelines at the start of design-heavy agent sessions—homepage refreshes, pitch decks, README banners, or component library docs—so subsequent generations inherit the same constraints instead of defaulting to generic purple gradients and informal voice. It complements code-level design tokens when the gap is generative copy and layout descriptions.

  • Applies consistent brand voice and visual rules to agent-generated assets
  • Reduces off-brand colors, fonts, and tone in repeated coding sessions
  • Pairs with Composio-style agent workflows for document and UI tasks
  • Useful when multiple contributors prompt the same product without a design system repo

Brand Guidelines by the numbers

  • 3,309 all-time installs (skills.sh)
  • +86 installs in the week ending Aug 5, 2026 (Skillselion tracking)
  • Security screen: LOW risk (skills.sh audit)
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/composiohq/awesome-claude-skills --skill brand-guidelines

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs3.3k
repo stars71.8k
Security audit3 / 3 scanners passed
Last updatedJuly 24, 2026
Repositorycomposiohq/awesome-claude-skills

How do you keep AI-generated UI on-brand?

Keep generated UI copy, slides, and docs aligned with your stated colors, typography, and voice instead of drifting on every prompt.

Who is it for?

Developers using agents to generate marketing pages, slides, or in-app copy who already have documented brand colors, fonts, and voice rules.

Skip if: Teams without any defined brand standards or tasks needing structured design critique of Figma mockups instead of copy alignment.

When should I use this skill?

The user wants generated UI, slides, or docs to follow company colors, typography, or voice instead of drifting each prompt.

What you get

On-brand UI copy, slide content, and documentation matching stated colors, typography, and voice guidelines.

Files

SKILL.mdMarkdownGitHub ↗

Anthropic Brand Styling

Overview

To access Anthropic's official brand identity and style resources, use this skill.

Keywords: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, Anthropic brand, visual formatting, visual design

Brand Guidelines

Colors

Main Colors:

  • Dark: #141413 - Primary text and dark backgrounds
  • Light: #faf9f5 - Light backgrounds and text on dark
  • Mid Gray: #b0aea5 - Secondary elements
  • Light Gray: #e8e6dc - Subtle backgrounds

Accent Colors:

  • Orange: #d97757 - Primary accent
  • Blue: #6a9bcc - Secondary accent
  • Green: #788c5d - Tertiary accent

Typography

  • Headings: Poppins (with Arial fallback)
  • Body Text: Lora (with Georgia fallback)
  • Note: Fonts should be pre-installed in your environment for best results

Features

Smart Font Application

  • Applies Poppins font to headings (24pt and larger)
  • Applies Lora font to body text
  • Automatically falls back to Arial/Georgia if custom fonts unavailable
  • Preserves readability across all systems

Text Styling

  • Headings (24pt+): Poppins font
  • Body text: Lora font
  • Smart color selection based on background
  • Preserves text hierarchy and formatting

Shape and Accent Colors

  • Non-text shapes use accent colors
  • Cycles through orange, blue, and green accents
  • Maintains visual interest while staying on-brand

Technical Details

Font Management

  • Uses system-installed Poppins and Lora fonts when available
  • Provides automatic fallback to Arial (headings) and Georgia (body)
  • No font installation required - works with existing system fonts
  • For best results, pre-install Poppins and Lora fonts in your environment

Color Application

  • Uses RGB color values for precise brand matching
  • Applied via python-pptx's RGBColor class
  • Maintains color fidelity across different systems

Related skills

How it compares

Use brand-guidelines to enforce palette and voice; use design-critique for usability and hierarchy feedback on mockups.

FAQ

What does brand-guidelines constrain in agent output?

brand-guidelines keeps generated UI copy, slides, and docs aligned with stated colors, typography, and voice. The skill reduces style drift across repeated prompts in composiohq/awesome-claude-skills.

When should developers load brand-guidelines?

brand-guidelines fits before agent sessions that produce marketing pages, pitch slides, or in-app strings when official palette, font, and tone rules already exist and must persist across generations.

Is Brand Guidelines safe to install?

skills.sh reports 3 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.

Design & UI/UXbrandingui

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.