Communitygithub.com

FelipeStruchel/landing-page-skills

Úsalo cuando llegue un nuevo cliente de landing page sin el archivo 01-negocio-e-escopo.md aprobado, falten datos del negocio, medios, nombres o perfiles, o cuando Felipe solicite el cuestionario de ingreso. No lo uses para elegir el estilo visual (landing-direcao-visual).

¿Qué es landing-page-skills?

Esta skill guía la fase inicial de descubrimiento para proyectos de landing pages, asegurando que toda la información necesaria se recopile de una sola vez al comienzo del proyecto, evitando retrabajos. Se apoya en un cuestionario estructurado y en la creación de archivos de proyecto con modelos predefinidos, inventario de activos y seguimiento de pendientes. La skill sigue una 'Iron Law' que impide comenzar el diseño sin haber completado el cuestionario, y cuenta con una función de compuerta (Gate Function) que verifica cada paso: desde la creación de la estructura de carpetas hasta la validación con `node check-assets.js`. Además, incluye 'Red Flags' que identifican prácticas contraproducentes como preguntar información de a poco o usar imágenes de referencia sin autorización, todo para mantener la integridad del flujo de trabajo.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/FelipeStruchel/landing-page-skills/tree/HEAD/skills/landing-descoberta

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Landing: descubrimiento

Reúne de una vez, al principio, todo lo que el proyecto va a necesitar. Violar la letra es violar el espíritu.

Iron Law

NINGÚN DISEÑO SIN CUESTIONARIO RESPONDIDO
O PENDENCIA CON ID, CAMPO Y FASE QUE BLOQUEA

Primera acción: confirmar el Paso 0 del orquestrador y leer references/questionario.md y ~/.claude/skills/criar-landing-page/assets/modelos/01-negocio-e-escopo.md. No uses la memoria de la conversación.

Gate Function

  1. Crea ~/projetos/criar-site/<slug>/ (minúsculas y guión) con los modelos 01, 02, 03, 04, inventario-assets.md y la carpeta fontes/.
  2. Envía un cuestionario (capas de references). Lo que el cliente no sepa se convierte en pendencia.
  3. Medios: ls -R <cliente>/fontes, abre las imágenes relevantes, completa el inventario solo con rutas que existen. Instagram, Google y el sitio antiguo son referencia. Nada de imagen generada por IA ni foto de cliente sin autorización.
  4. Nombres: marca, dominio, servicios como el cliente los llama.
  5. Dos perfiles: de la empresa y del cliente de ella (quien decide, dónde llega, cómo decide). Objetivo de la página, acción esperada y criterio de aceptación.
  6. Pendencias: {{PENDENTE:P-nnn}} en el cuerpo y entrada en pendencias (id, campo del vocabulario cerrado, bloqueia). Nunca inventes un hecho.
  7. tags del 01: tipo:, nicho:, tem:.
  8. node check-assets.js --root <cliente> --fase descoberta; corrige y vuelve a ejecutar.
  9. Muestra el resumen; después del "sí", aprueba (Gate Function del orquestrador).

Red Flags: detente

  • Elegir color o layout antes del 01 aprobado
  • "Su Instagram ya lo muestra todo"
  • Ruta de archivo que no listaste
  • Precio, horario o dirección "probable"
RacionalizaciónRealidad
"Pregunto de a poco"Poco a poco costó retrabajo en todos los proyectos anteriores: reúne al inicio
"Vi la foto en Instagram, uso esa"Referencia no es activo: pide el archivo y los derechos
"Es una suposición razonable"Se convierte en pendencia con dueño; el publicar bloquea
"Falta poco, diseño ya"Lo que falta y bloquea el diseño bloquea el diseño

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

FelipeStruchel/landing-page-skills

Use when o Felipe pede para criar, montar, refazer ou retomar uma landing page ou site de uma página para um negócio ou cliente, ou abre uma pasta de cliente em criar-site/. Não use para redesenhar as próprias skills (landing-evoluir-skill).

FelipeStruchel/landing-page-skills

Use when o 01-negocio-e-escopo.md está aprovado e falta escolher o estilo visual de uma landing page, ou quando uma tela interna (agenda, painel) de um cliente precisa de visual. Não use para levantar dados do negócio (landing-descoberta).

FelipeStruchel/landing-page-skills

Use when o Felipe pede para redesenhar skills de landing page, revisar aprendizados acumulados, processar feedbacks pendentes, atualizar o _regras-vivas.md, fazer a migração inicial das regras, ou quando o Passo 0 oferece a migração. Não use durante a construção de um cliente.

FelipeStruchel/landing-page-skills

Use when uma landing page está pronta para ir ao ar: publicar, fazer deploy, configurar domínio ou Cloudflare, limpar cache, ou conferir o site já publicado. Não use para construir a página (criar-landing-page).

FelipeStruchel/landing-page-skills

Use when SEMPRE durante o trabalho em uma landing page de cliente: ao entregar qualquer coisa (texto, foto, tela, deploy) e ao receber reação, correção, elogio ou aprovação do Felipe ou do cliente.

FelipeStruchel/landing-page-skills

Use when uma landing page precisa de software além da página estática: agenda ou reserva, painel, API, banco, e-mail transacional, notificação, ou qualquer serviço que roda no servidor ao lado de outro sistema. Não use para páginas só de HTML, CSS e JS.

Skills relacionados