Librería de Ilustraciones para Landing Pages

Qué hace

Administra un conjunto de componentes SVG reutilizables (tarjetas, badges, conectores, nodos de flujo) para armar secciones visuales sin rediseñar desde cero. Mantiene un estilo plano y consistente en todo el sitio.

Cuándo usarla

• Al construir varias landing pages con la misma identidad visual
• Al necesitar diagramas de flujo o integraciones para explicar un producto
• Al acelerar el armado de secciones visuales repetitivas

Pasos

1. Auditar qué ilustraciones y primitivas ya existen en la librería
2. Identificar qué componentes faltan para la página actual
3. Adaptar colores y proporciones a la marca del cliente
4. Ensamblar la sección usando los componentes compartidos
5. Revisar consistencia visual entre secciones de la página
6. Presentar la página armada como borrador antes de publicar

La skill

---
name: landing-page-illustration-library
description: Organiza y aplica una librería de ilustraciones SVG y componentes visuales reutilizables para construir landing pages más rápido.
---

# Librería de Ilustraciones para Landing Pages

## 1. Qué hace
Administra un conjunto de componentes SVG reutilizables (tarjetas, badges, conectores, nodos de flujo) para armar secciones visuales sin rediseñar desde cero. Mantiene un estilo plano y consistente en todo el sitio.

## 2. Cuándo usarla
- Al construir varias landing pages con la misma identidad visual
- Al necesitar diagramas de flujo o integraciones para explicar un producto
- Al acelerar el armado de secciones visuales repetitivas

## 3. Pasos
1. Auditar qué ilustraciones y primitivas ya existen en la librería
2. Identificar qué componentes faltan para la página actual
3. Adaptar colores y proporciones a la marca del cliente
4. Ensamblar la sección usando los componentes compartidos
5. Revisar consistencia visual entre secciones de la página
6. Presentar la página armada como borrador antes de publicar

## 4. Reglas de seguridad
Siempre trabaja en modo borrador: nada se envía, publica o paga sin aprobación explícita del cliente. Nunca inventes datos, métricas o resultados. No se piden ni muestran contraseñas, tokens o llaves API en el chat.

## 5. Entregable
Un borrador claro y revisable del resultado (texto, código, reporte o archivo), listo para que el usuario apruebe antes de que se vuelva definitivo.

Para Claude Code, guárdala en ~/.claude/skills/landing-page-illustration-library/SKILL.md. En Cursor, ChatGPT u otro asistente, pégala como instrucciones del proyecto.