К основному содержанию
скилл Claude Code Claude.ai официальный · Anthropic

brand-guidelines · anthropics — скилл для Claude Code: что делает и как установить

Применяет фирменные цвета и шрифты Anthropic к документам, презентациям и другим артефактам. Пригодится, когда нужно оформить материал в фирменном стиле компании.

Установить в Claude Code · Через маркетплейс плагинов Все способы и платформы ↓
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills
Открыть на GitHub

Что делает brand-guidelines

Скилл накладывает брендбук Anthropic на готовый артефакт: тёмный #141413 и светлый #faf9f5 как основные цвета, плюс акценты оранжевый #d97757, синий #6a9bcc и зелёный #788c5d. Для заголовков от 24pt берётся шрифт Poppins, для основного текста — Lora, с откатом на Arial и Georgia, если нужных шрифтов нет в системе.

Цвета применяются через класс RGBColor из python-pptx, поэтому скилл явно заточен под работу с презентациями. Фигуры без текста раскрашиваются по кругу: оранжевый, синий, зелёный — так сохраняется визуальное разнообразие без выхода за рамки брендбука. Шрифты не нужно ставить отдельно: если Poppins и Lora не установлены, скилл тихо переключается на системные аналоги.

Ставить его стоит тем, кто делает презентации или документы под брендом Anthropic и хочет, чтобы Claude сам подбирал правильные цвета и шрифты вместо ручной настройки. Для произвольного брендинга под свою компанию он не подойдёт — цвета и шрифты здесь жёстко привязаны к фирменному стилю Anthropic.

Какие задачи решает

  • оформить презентацию в цветах Anthropic
  • подобрать Poppins и Lora для заголовков и текста
  • расставить акцентные цвета на фигурах без ручной настройки
  • привести документ к фирменному стилю компании

Примеры запросов агенту

  • Оформи эту презентацию в стиле Anthropic
  • Примени брендбук Anthropic к слайдам
  • Сделай заголовки и текст в фирменных цветах и шрифтах Anthropic

Как установить brand-guidelines

1Через маркетплейс плагинов

/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

Команда ставит плагин example-skills целиком, со всеми его скиллами

2Через Skills CLI (Vercel)

npx skills add anthropics/skills --skill brand-guidelines -a claude-code

3Вручную: положить файлы

~/.claude/skills/brand-guidelines/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/brand-guidelines/

Из того же набора23

Весь набор →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок skill-creator официальный anthropics Помогает создать новый скилл, доработать существующий и проверить результат через тестовые промпты и оценки. Claude Code Claude.ai 414 180установок pptx официальный anthropics Скилл помогает создавать, читать и редактировать файлы .pptx и шаблоны .potx. Пригодится, когда нужно собрать презентацию или извлечь из неё текст. Claude Code Claude.ai 241 433установок pdf официальный anthropics Скилл читает, создаёт и меняет PDF-файлы, включая формы и сканы. Подойдёт, когда агенту нужно работать с PDF в проекте. Claude Code Claude.ai 216 041установок docx официальный anthropics Скилл создаёт, читает и редактирует документы Word и шаблоны. Подойдёт для отчётов, писем и файлов с таблицами, стилями и нумерацией страниц. Claude Code Claude.ai 206 304установок xlsx официальный anthropics Работает с табличными файлами: создаёт, читает, правит и преобразует книги. Подходит, когда итогом должен стать файл Excel или другой табличный формат. Claude Code Claude.ai 187 223установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. Claude Code Claude.ai 186 758установок mcp-builder официальный anthropics Скилл проводит через создание MCP-сервера на TypeScript или Python: от изучения протокола до тестов и оценки качества. Claude Code Claude.ai 130 949установок

Другие версии brand-guidelines

Похожие

impeccable pbakaus Скилл для ИИ-агента: проектирует и переделывает интерфейсы — лендинги, дашборды, формы, экраны iOS и Android. Пригодится, когда вёрстку пора привести в порядок по правилам дизайна. Claude Code CX Codex Cursor +1 359 200установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. Claude Code 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. Claude Code 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. Claude Code 979 543установок codebase-design Matt Pocock Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam. Claude Code 850 344установок

Вопросы о brand-guidelines

Как установить brand-guidelines в Claude Code?

Через маркетплейс: /plugin marketplace add anthropics/skills, затем /plugin install example-skills@anthropic-agent-skills. Можно и через CLI: npx skills add anthropics/skills --skill brand-guidelines -a claude-code.

Что делает brand-guidelines?

Применяет фирменные цвета и шрифты Anthropic к артефактам: Poppins для заголовков, Lora для текста, акценты оранжевый, синий и зелёный на фигурах.

Нужно ли ставить шрифты Poppins и Lora отдельно?

Нет, скилл работает и без них, автоматически переключаясь на Arial и Georgia. Но для точного результата лучше установить оригинальные шрифты заранее.

Исходный текст

SKILL.md · Apache-2.0
---
name: brand-guidelines
description: 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.
license: Complete terms in LICENSE.txt
---

# 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

© anthropics · Apache-2.0 · anthropics/skills

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой