Brand System Template
Description
Plantilla de sistema de marca para creadores y agentes de IA (Claude Design, Lovable, v0, Cursor). Colores, tipografias, patterns de carrusel y efectos.
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
Brand System Template — Creadores de contenido con IA
Plantilla abierta de sistema de marca para creadores, diseñadores y agentes de IA. Copia este repo, adapta los tokens a tu marca, y tendrás una fuente única de verdad que Claude Design, Lovable, v0, Cursor y cualquier agente puede leer para generar contenido on-brand automáticamente.
Qué es esto
Un **sistema de marca modular** pensado para carruseles de Instagram tipo zine / collage (estilo "cuaderno con washi tape, spray drip y fuentes mezcladas"). Pensado para:
- Agentes de IA (Claude Design, Lovable, v0, Cursor) — leen los tokens y patterns y generan piezas consistentes
- Diseñadores freelance — entran al proyecto y pillan el tono en 10 minutos
- Creadores que quieren dejar de tener la marca solo en su cabeza
El documento maestro es **[`DESIGN.md`](./DESIGN.md)**. Si alguien solo puede leer un archivo, que sea ese.
Cómo usarlo
1. Clona / usa como template
git clone mi-brand-system
cd mi-brand-system
O haz click en **"Use this template"** en GitHub.
2. Adapta los tokens
Edita:
tokens/colors.json— cambia los hex a tu paletatokens/typography.json— cambia las fuentestokens/effects.md— ajusta lo que no encaje con tu estilo
3. Personaliza los patterns
Los patterns (`patterns/01…07`) son plantillas de slide. Úsalos como base, edita los textos y estructura a tu gusto.
4. Conéctalo a un agente de IA
- Claude Design: conecta el repo en el onboarding. El agente leerá automáticamente
DESIGN.md,tokens/*,patterns/*. - Otro agente (v0, Lovable, etc.): pásale el contenido de
DESIGN.mden el prompt. Con eso basta.
Estructura
brand-system-template/
├── DESIGN.md ← MASTER (leer primero)
├── README.md ← este archivo
│
├── tokens/ ← design tokens
│ ├── colors.json
│ ├── typography.json
│ ├── effects.md
│ └─
Related Skills
Algorithmic Art
Create generative art using p5.js with seeded randomness, flow fields, and particle systems
Design Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts
Design Canvas Design
Create beautiful visual art in PNG and PDF documents using design philosophy
Design Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality
Design Slack Gif Creator
Create animated GIFs optimized for Slack's size constraints
Design Theme Factory
Style artifacts with professional themes including 10 pre-set color/font combinations
Design Related Agents
Codemod Runner
Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css
Designguru
Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance,
Html Css
| Web standards for semantic markup, maintainable styling, and accessibility. | - | [wshobson/agents](https://