dilson-developer/DAVINCI-skill

DAVINCI — Skill de Diseño para Landing Pages

Flujo de ejecución

1. Leer la solicitud en bruto del usuario

Extraer: qué hace el producto, para quién es y (si se menciona) el tipo de página.

2. Clasificar el tipo de página — PASO OBLIGATORIO E INTERACTIVO

Verificar si el usuario ya ha indicado claramente uno de estos tipos:

• SaaS B2B — producto de gestión/datos/infraestructura vendido a empresas
• SaaS Consumer — producto usado por individuos (productividad personal, bienestar, social, creativo)
• AI Tool / Dev Tool — herramienta técnica, API o producto de IA para desarrolladores/equipos técnicos
• Fintech — producto financiero (pagos, banca, inversión)

Si el tipo no está claro en la solicitud, DETENERSE y preguntar al usuario antes de continuar. Nunca asumir en silencio. Ejemplo de pregunta:

"¿Qué tipo de producto es este? (a) SaaS B2B — vendido a empresas (b) SaaS Consumer — para uso personal (c) AI/Dev Tool — herramienta técnica (d) Fintech — producto financiero"

Solo avanzar después de tener la respuesta. Si el usuario da suficiente contexto para inferir con confianza (ej: "app de gestión financiera personal para miles de usuarios" → SaaS Consumer, tono cercano a Fintech), puede asumir y decir explícitamente qué asumió, dando al usuario la opción de corregir — nunca asumir en silencio sin mencionar.

3. Cargar la plantilla del tipo de página

Leer el archivo correspondiente en templates/page-types/:

• saas-b2b.md
• saas-consumer.md
• ai-tool.md
• fintech.md

Este archivo define el orden de las secciones y las reglas específicas del tipo (tono, color, tipografía).

4. Montar las secciones

Para cada sección listada en la plantilla del tipo, leer el archivo correspondiente en templates/sections/ (hero.md, features.md, pricing.md, testimonials.md, faq.md, cta.md) y llenar los placeholders con la información del producto.

5. Aplicar las reglas transversales

Consultar rules/typography.md, rules/color-systems.md, rules/layout-grids.md y rules/copywriting.md según lo referenciado en cada plantilla de sección — las referencias cruzadas (ej: [rules/copywriting.md #1]) indican exactamente qué regla aplicar en cada punto.

6. Generar la salida

Producir un único prompt estructurado, en el idioma del usuario, listo para pegar en cualquier agente de código (Claude Code, Cursor, v0, etc.) para generar la página real.

Reglas de seguridad del contenido

• Nunca inventar métricas, testimonios o logotipos de clientes — si no existen datos reales, usar las alternativas descritas en templates/sections/testimonials.md.
• Nunca saltar el paso 2 (clasificación) aunque el usuario pida prisa — es la decisión que más influye en todas las siguientes.

Archivos de esta skill

SKILL.md                        ← este archivo
rules/                          ← principios de diseño (tipografía, color, layout, copy)
templates/sections/             ← bloques reutilizables (hero, features, pricing...)
templates/page-types/            ← combinaciones completas por tipo de producto
references/design-patterns.md   ← patrones extraídos de referencias reales