brand-guidelines – Design & UI skill for AI agents
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Install the brand-guidelines skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/brand-guidelines-a919c.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /brand-guidelines – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/brand-guidelines-a919c.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $brand-guidelines – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/brand-guidelines-a919c.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /brand-guidelines – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/brand-guidelines-a919c.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /brand-guidelines – then describe the task you want done.
SKILL.md content
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
- baoyu-compress-image – Compresses images to WebP (default) or PNG with automatic tool selection. Use when user…
- ai-presenter-video – Make a verified AI presenter video from script + image.
- canvas-design – Create beautiful visual art in .png and .pdf documents using design philosophy. You…
- baoyu-cover-image – Generates article cover images with 5 dimensions (type, palette, rendering, text, mood)…
- advanced-evaluation – Design LLM-as-judge rubrics, direct scores and pairwise comparisons. Use for judge…
- baoyu-danger-gemini-web – Generates images and text via reverse-engineered Gemini Web API. Supports text…
- frontend-design – Guidance for distinctive, intentional visual design when building new UI or reshaping an…
- baoyu-diagram – Create professional, dark-themed SVG diagrams of any type — architecture diagrams…