janmo22

Brand System Template — Design skill for Claude Code

Design community

Plantilla de sistema de marca para creadores y agentes de IA (Claude Design, Lovable, v0, Cursor).

How to install Brand System Template

This entry records only its repository, not the path inside it, so there is no exact command to give. Open janmo22/brand-system-template and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Brand System Template does

Plantilla de sistema de marca para creadores y agentes de IA (Claude Design, Lovable, v0, Cursor). Colores, tipografias, patterns de carrusel y efectos.

Alternatives in Design

CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
Value Proposition — Design value propositions using 6-part JTBD template 7.8k ★
Drawbridge — Design editor for Claude Code and Cursor 960 ★

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 paleta
tokens/typography.json — cambia las fuentes
tokens/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.md en 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
│   └─