Communitygithub.com

FelipeStruchel/landing-page-skills

Se usa cuando Felipe pide crear, montar, rehacer o retomar una landing page o sitio de una página para un negocio o cliente, o abre una carpeta de cliente en crear-site/. No se usa para rediseñar las propias skills (landing-evoluir-skill).

¿Qué es landing-page-skills?

Esta skill orquesta la creación de landing pages y sitios de una página siguiendo un proceso estricto basado en fases y gates (puntos de control). La fuente de verdad es el disco (archivos) y no la memoria de la conversación, y ninguna fase puede comenzar sin que el gate de la fase anterior sea aprobado explícitamente por Felipe. Soporta distintas fases como descubrimiento, dirección visual, planificación, ejecución, revisión y publicación, cada una con su propia skill especializada y salida esperada. Incluye reglas para manejar riesgos (bajo, medio, alto) con el rigor adecuado, red flags que detienen el proceso, y una función de gate que obliga a grabar la salida de cada fase y requerir aprobación explícita antes de avanzar. Es útil para desarrolladores y agentes de IA que necesiten construir sitios web de forma estructurada y controlada, integrando sub-skills como 'landing-registrar-feedback' y 'landing-evoluir-skill' para la migración inicial o ajustes menores.

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

Preguntar en tu IA favorita

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

Documentación

Crear landing page

Orquesta fases y gates. El disco es la fuente de la verdad; la memoria de la conversación no lo es. Violar la letra es violar el espíritu.

Iron Law

NINGUNA FASE COMIENZA SIN EL GATE DE LA ANTERIOR APROBADO
Salida ≠ 0 del check-gate, o ninguna salida, es reprobación.

Datos: ~/proyectos/crear-sitio/ (CRIAR_SITE_ROOT). Kit y comandos: ~/.claude/skills/crear-landing-page/assets/kit/README.md. Modelos: assets/modelos/. SUB-SKILL REQUERIDA: landing-registrar-feedback aplica en todas las fases.

Paso 0 (obligatorio al iniciar o retomar un cliente; un ajuste de bajo riesgo en una fase aprobada lo exime)

  1. test -f ~/proyectos/crear-sitio/_reglas-vivas.md
  2. No existe: detente y pregunta: "Parece que la migración inicial no se realizó. ¿Quieres que ejecute la landing-evoluir-skill ahora para generar el _reglas-vivas.md basado en el historial de crear-sitio/?" Si sí: SUB-SKILL REQUERIDA: Usa landing-evoluir-skill (modo migración) y vuelve al paso 1.
  3. Existe: léelo completo, define las etiquetas del proyecto, ejecuta node check-reglas.js --file <reglas> --tags <etiquetas> --listar, guarda los ids en el 01 y di en una línea cuáles aplican a este cliente.

Función de Gate

ANTES de cada fase:

  1. node check-gate.js --cliente <nombre> --antes-de <fase>
  2. Lee los archivos de entrada de la fase (nunca la memoria).
  3. Ejecuta la fase.
  4. Guarda la salida con frontmatter aprobado: false.
  5. Muéstraselo a Felipe y espera el "sí" explícito.
  6. node approve.js --file <arch> --fase <fase> --via conversación --citacion "<fragmento literal del sí>". Fases de alto riesgo (software-extra, publicacion): Felipe ejecuta ! node approve.js ... --via comando.
FaseSkillSalida
descubrimientolanding-descubrimiento01-negocio-e-ambito.md, inventario-activos.md
direccion-visuallanding-direccion-visualdireccion-visual.md
plansuperpowers:writing-plans, guardado en <cliente>/plan.mdplan.md
ejecuciónsuperpowers:executing-plans; landing-software-extra si tiene:software-extrasitio, 03-decisiones.md
revisiónsuperpowers:requesting-code-review más el kitresultados en publicacion.md
publicaciónlanding-publicarpublicacion.md

En la ejecución, copia reglas-sitio.json y pares-contraste.json de los modelos y ejecuta el kit en cada entrega.

Rigor proporcional al riesgo

RiesgoEjemplosExige
Bajotexto, espaciado, defecto localizado en fase aprobadaejecutar directamente, sin Paso 0 ni gates; solo las comprobaciones pertinentes; registrar solo si hubo reacción
Medioidentidad visual, secciones, decisión aprobadaimpacto corto; approve.js --reabrir de la fase afectada
Altoinfraestructura, recurso compartido, datos, producciónIron Law de la skill; aceptación vía comando

Cambiar lo que un artefacto aprobado afirma reabre ese gate; en duda, la clase anterior.

Red Flags: detente

  • "Yo recuerdo lo que dijo el cliente" · "Ya lo aprobó, voy directo" · "Es rápido, me salto el cuestionario"
  • Escribir aprobado: true manualmente · ocultar cambio material en ## Pendientes
  • Decidir stack sin preguntar · mockup para la landing nueva
RacionalizaciónRealidad
"Felipe tiene prisa"La prisa no aprueba fases: ejecuta el gate
"Es solo un ajuste"Clasifica el riesgo; bajo riesgo ya puede ir directo
"La memoria basta"Lee el archivo; la memoria es la fuente menos confiable

Individual skills in this repo

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

FelipeStruchel/landing-page-skills

Use when começa um cliente novo de landing page sem 01-negocio-e-escopo.md aprovado, quando faltam dados do negócio, mídias, nomes ou perfis, ou quando o Felipe pede o questionário de entrada. Não use para escolher estilo visual (landing-direcao-visual).

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