Claude Official Skill: brand-guidelines
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 guidel...
先审查再安装
这个资产需要先审查。复制的指令会要求 Agent dry-run、列出写入项,确认后再继续。
npx -y tokrepo@latest install 2c965821-0cc3-452a-8c44-faa989fc047a --target codex先 dry-run,确认写入项后再运行此命令。
What it is
Claude Official Skill: brand-guidelines is a Claude Code skill that applies Anthropic's official brand colors and typography to any artifact that benefits from Anthropic's visual identity. When activated, the AI assistant uses correct brand hex codes, font choices, and layout patterns.
It targets developers and content creators building materials, demos, or interfaces that need to match Anthropic's official look and feel.
How it saves time or tokens
Without this skill, you manually specify Anthropic's brand colors, fonts, and spacing in every prompt. The skill pre-loads these design tokens so the AI applies them automatically. Token estimate is approximately 500 tokens.
How to use
- Install the skill:
claude skill install anthropics/skills/brand-guidelines
- Or manually copy the SKILL.md content to
.claude/skills/brand-guidelines/SKILL.md. - The skill activates when you ask for artifacts with Anthropic branding.
Example
# .claude/skills/brand-guidelines/SKILL.md
Brand Colors
- Primary: #D4A574 (Anthropic tan)
- Background: #1A1A2E (dark navy)
- Text: #FFFFFF on dark backgrounds
- Accent: #E8D5B7 (light tan)
Typography
- Headings: Inter, semi-bold
- Body: Inter, regular
- Code: JetBrains Mono
Related on TokRepo
- AI Tools for Design — Design tools and brand asset management
- Prompt Library — Curated skills and prompts for Claude Code
Key considerations
When evaluating Claude Official Skill for your workflow, consider the following factors. First, assess whether your team has the technical prerequisites to adopt this tool effectively. Second, evaluate the maintenance burden against the productivity gains. Third, check community activity and documentation quality to ensure long-term viability. Integration with your existing toolchain matters more than feature count alone. Start with a small pilot project before rolling out across the organization. Monitor resource usage during the initial adoption phase to identify bottlenecks early. Document your configuration decisions so team members can onboard independently.
Common pitfalls
- Brand guidelines change over time; verify the skill's color values against Anthropic's current brand assets.
- The skill applies visual styling only; it does not enforce Anthropic's content tone or messaging guidelines.
- Using Anthropic's brand assets in commercial products may require permission; this skill provides the design tokens, not a trademark license.
常见问题
The skill provides Anthropic brand design tokens for Claude Code. It helps match Anthropic's visual identity. Check Anthropic's brand guidelines for the authoritative source of brand assets.
It includes brand colors (hex values), typography choices (font families, weights), spacing guidelines, and layout patterns that match Anthropic's official visual identity.
Yes. The skill installs as a SKILL.md file in your project. You can edit the colors, fonts, and guidelines to match your own brand or a customized version.
Yes. When you ask Claude Code to generate HTML, CSS, or React components, the skill ensures they use Anthropic's brand colors and typography without you specifying them each time.
Only projects with the brand-guidelines skill installed in their .claude/skills directory. Other projects are unaffected. You can install it globally or per-project.
引用来源 (3)
- Anthropic Claude Code Docs— Anthropic brand colors and typography for Claude Code
- Claude Code Skills Docs— Claude Code skills system
- Anthropic Official Site— Anthropic brand guidelines
来源与感谢
Created by Anthropic. Licensed under MIT. anthropics/skills
讨论
相关资产
Multi-Platform Social Media Growth Skill for Developer Communities
Production-tested Claude Code skill for automating authentic developer engagement across 10+ platforms (Twitter, Bluesky, Dev.to, HN, Reddit, GitHub, Product Hunt, Hashnode, Medium, Quora). Includes rotation queue, per-platform cooldowns, action diversity rules, Chrome MCP toolchain with JS injection patterns, anti-ban safety, and continuous optimization framework. Battle-tested across 30+ cycles.
Remotion AI Video Production Skill — Cinema-Grade Short Videos
Pushed via CLI: video-production-skill-push.md
Vuetify — Material Design Component Framework for Vue
Vuetify is the most popular Material Design component framework for Vue 3. 80+ beautifully crafted components following Material Design 3 guidelines with SSR support, theming, treeshaking, and accessibility baked in.
wxWidgets — Cross-Platform C++ GUI Library with Native Look
Build desktop applications in C++ that look and feel native on Windows, macOS, and Linux using each platform's own widget toolkit rather than custom-drawn controls.