🧩 Qué es / qué hace
El skill brand-guidelines aplica los colores y la tipografía oficiales de Anthropic para cualquier artifact que se beneficie de tener el look-and-feel de la marca — diapositivas, páginas HTML, PDFs, documentos.
brand-guidelines es un posprocesador de identidad visual. No crea contenido: toma un artifact ya generado y aplica sistemáticamente los colores y las fuentes oficiales de Anthropic, garantizando la coherencia de marca en todos los outputs.
La distinción fundamental: mientras otras skills crean elementos visuales, brand-guidelines los uniformiza según un único estándar corporativo innegociable.
🎣 Cuándo se activa
Claude activa brand-guidelines cuando detecta pedidos relacionados con brand colors, style guidelines, visual formatting o company design standards.
Pedidos explícitos: «aplica los colores de Anthropic», «usa las directrices de marca», «estilo corporativo de Anthropic».
Contextos de formato visual corporativo: «déjalo según el estándar de la empresa», «formato visual oficial», «aplica los estándares de diseño».
Cuando el artefacto (diapositivas, HTML, PDF, documento) claramente podría tener una identidad visual de marca, incluso si el usuario no menciona explícitamente «brand guidelines».
Palabras clave: branding, identidad corporativa, identidad visual, posprocesamiento, estilos, colores de marca, tipografía, marca Anthropic, formato visual, diseño visual.
El skill se activa cuando hay intención de aplicar el estándar de Anthropic específicamente. Para crear temas visuales genéricos (cualquier marca, cualquier color), el skill correcto es theme-factory.
- ✓ Slides o PPTX necesitan la identidad de Anthropic
- ✓ Documentos HTML internos con marca corporativa
- ✓ El usuario menciona "colores de Anthropic" o "brand guidelines"
- ✓ Artifact de presentación para el contexto de Anthropic
- ✗ El usuario quiere un tema personalizado (usa theme-factory)
- ✗ No hay ningún artifact visual para estilizar
- ✗ La solicitud trata sobre otra empresa o marca específica
- ✗ El contexto es puramente textual, sin componente visual
🚀 Cómo mejora tus artifacts
El valor concreto: cualquier resultado que genere Claude adquiere coherencia visual de marca, sin que el usuario tenga que especificar manualmente cada color o fuente.
- • Colores arbitrarios sin un patrón de marca
- • Fuente predeterminada del sistema (Arial, Helvetica)
- • Cada resultado parece hecho por personas diferentes
- • Se necesita una revisión manual de la identidad
- ✓ Paleta de Anthropic aplicada automáticamente
- ✓ Poppins en los encabezados, Lora en el cuerpo
- ✓ Consistencia visual en todos los resultados
- ✓ Listo para uso profesional inmediato
El skill selecciona automáticamente el color del texto según el fondo: texto claro (#faf9f5) sobre fondos oscuros (#141413), y texto oscuro sobre fondos claros. No hace falta tomar ninguna decisión manual.
⚙️ Cómo funciona por dentro
Stack técnico real: python-pptx para manipular presentaciones, RGBColor para lograr precisión de color y usar fuentes del sistema con fallback automático.
- ✓ Usa
python-pptx RGBColorpara lograr precisión exacta - ✓ Colores aplicados mediante valores RGB (no cadenas hexadecimales)
- ✓ Fidelidad de color conservada en diferentes sistemas
- ✓ Alternancia de acentos: las formas no textuales reciben orange/blue/green en ciclo
- ✗ Poppins y Lora deben estar preinstaladas en el sistema
- ✗ Fallback Arial/Georgia si faltan las fuentes
- ✗ No instala fuentes automáticamente
- ✗ El resultado depende del entorno de ejecución
Para obtener resultados con Poppins y Lora reales, instala las fuentes antes de usar la skill. En entornos sin esas fuentes, el resultado usa Arial/Georgia: funcionalmente correcto, pero visualmente distinto del estándar de Anthropic.
💬 Ejemplo práctico + PROMPT listo
Escenario real: crear una página HTML de presentación de producto con la identidad de Anthropic aplicada, lista para uso corporativo.
Necesitas una página HTML de producto (landing, one-pager, presentación interna) con la identidad visual oficial de Anthropic, sin tener que investigar códigos hexadecimales, elegir fuentes ni armar una paleta manualmente.
Crie uma página HTML de apresentação do produto "Claude API" para uso interno na Anthropic. Aplique as brand guidelines oficiais da Anthropic: - Paleta de cores: Dark #141413, Light #faf9f5, Orange accent #d97757, Blue accent #6a9bcc, Green accent #788c5d - Tipografia: Poppins para headings (24pt+), Lora para body text - Formas e shapes com accent cycling: orange → blue → green A página deve ter: hero section, 3 feature cards, CTA e footer. Use o look-and-feel corporativo Anthropic.
Tenho um arquivo presentation.pptx de relatório trimestral. Aplique as brand guidelines da Anthropic: - Cores oficiais via python-pptx RGBColor - Headings em Poppins (fallback Arial) - Body text em Lora (fallback Georgia) - Shapes não-texto em accent cycling: orange (#d97757), blue (#6a9bcc), green (#788c5d) Preserve toda a hierarquia e formatação existente.
En macOS: brew install --cask font-poppins font-lora. En Linux: descarga desde Google Fonts y copia en ~/.fonts/. El skill funciona sin ellas (fallback), pero el resultado será Arial/Georgia en lugar de Poppins/Lora.
🧬 Combina con / límites
Posición en el ecosistema de skills de la Trilha 2 — Identidad — y cuándo usar brand-guidelines no es la opción adecuada.
- • UNA marca concreta: Anthropic
- • Paleta fija e inmutable (#141413, #faf9f5, #d97757…)
- • Fuentes corporativas: Poppins / Lora
- • Posprocesamiento de artifacts existentes
- • Resultado predecible y estandarizado
- • Cualquier marca o identidad visual
- • Paleta generada o personalizada según lo que pidas
- • Fuentes flexibles, sin un patrón fijo
- • Crea temas nuevos desde cero
- • Resultado variable según el contexto
Usa brand-guidelines cuando el resultado debe seguir el estándar oficial de Anthropic. Usa theme-factory para crear sistemas de diseño para cualquier otro caso.
canvas-design opera en un nivel diferente: crea composiciones visuales en Canvas/SVG con libertad creativa. brand-guidelines y canvas-design se complementan:
canvas-design crea la composición visual → brand-guidelines aplica la paleta Anthropic. Resultado: arte creativo con identidad corporativa.
Si la composición de canvas-design usa colores intencionalmente no asociados con Anthropic (arte abstracto, ilustración con identidad propia), brand-guidelines distorsionará la intención creativa.
- ✓ Presentaciones internas de Anthropic
- ✓ Documentos e informes con identidad corporativa
- ✓ Páginas de producto con el estilo visual de Anthropic
- ✓ Uniformizar los outputs de varios autores
- ✗ Crear temas para otros proyectos o marcas
- ✗ Solicitudes genéricas de «tema oscuro» (usa theme-factory)
- ✗ Artifacts sin componente visual (solo texto)
- ✗ Arte creativa con identidad propia intencional
📋 Resumen del Módulo 2.2
brand-guidelines aplica los colores y las fuentes oficiales de Anthropic — Dark #141413, Light #faf9f5, accents orange/blue/green, Poppins y Lora
Se activa cuando la solicitud menciona brand colors, style guidelines, visual formatting o company design standards de Anthropic
Usa python-pptx con RGBColor para mayor precisión; fuentes del sistema (Poppins/Lora) con alternativas Arial/Georgia
A diferencia de theme-factory (temas genéricos), brand-guidelines trata sobre UNA marca concreta con una paleta fija
Alternancia de acentos en formas no textuales: orange → blue → green, manteniendo el interés visual y la coherencia de marca
Se combina bien con frontend-design, web-artifacts-builder y canvas-design como etapa de posprocesamiento del pipeline