Skills2026年3月29日·1 分钟阅读

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 就绪

先审查再安装

这个资产需要先审查。复制的指令会要求 Agent dry-run、列出写入项,确认后再继续。

Needs Confirmation · 66/100策略:需确认
Agent 入口
任意 MCP/CLI Agent
类型
Skill
安装
Single
信任
信任等级:Community
入口
Claude Official Skill: brand-guidelines
先审查命令
npx -y tokrepo@latest install 2c965821-0cc3-452a-8c44-faa989fc047a --target codex

先 dry-run,确认写入项后再运行此命令。

TL;DR
An official Claude Code skill that applies Anthropic brand colors, typography, and visual style to generated artifacts.
§01

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.

§02

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.

§03

How to use

  1. Install the skill:
claude skill install anthropics/skills/brand-guidelines
  1. Or manually copy the SKILL.md content to .claude/skills/brand-guidelines/SKILL.md.
  2. The skill activates when you ask for artifacts with Anthropic branding.
§04

Example

# .claude/skills/brand-guidelines/SKILL.md
§05

Brand Colors

  • Primary: #D4A574 (Anthropic tan)
  • Background: #1A1A2E (dark navy)
  • Text: #FFFFFF on dark backgrounds
  • Accent: #E8D5B7 (light tan)
§06

Typography

  • Headings: Inter, semi-bold
  • Body: Inter, regular
  • Code: JetBrains Mono
§07

Related on TokRepo

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.

§08

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.

常见问题

Is this an official Anthropic skill?+

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.

What does the skill include?+

It includes brand colors (hex values), typography choices (font families, weights), spacing guidelines, and layout patterns that match Anthropic's official visual identity.

Can I modify the brand guidelines?+

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.

Does this work with HTML artifacts?+

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.

Will this affect all my Claude Code projects?+

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)
🙏

来源与感谢

Created by Anthropic. Licensed under MIT. anthropics/skills

讨论

登录后参与讨论。
还没有评论,来写第一条吧。

相关资产