Communitygithub.com

FelipeStruchel/landing-page-skills

Use quando 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).

O que é landing-page-skills?

Esta skill orquestra a criação de landing pages seguindo um processo rigoroso baseado em fases e gates, garantindo que nenhuma fase comece sem a aprovação explícita da anterior. Ela é ideal para desenvolvedores e usuários de agentes de IA que precisam construir sites de página única para clientes de forma estruturada e confiável, suportando plataformas como Claude Code, Cursor ou Codex. A skill utiliza o disco como fonte da verdade (diretório `~/projetos/criar-site/`) e inclui um passo obrigatório de verificação de regras vivas, funções de gate automatizadas com Node.js, e um sistema de classificação de risco (baixo, médio, alto) para aplicar o nível adequado de rigor. O processo cobre desde a descoberta e direção visual até a execução, revisão e publicação, com sub-skills especializadas como `landing-descoberta`, `landing-direcao-visual`, `landing-software-extra` e `landing-publicar`, além de exigir a sub-skill `landing-registrar-feedback` em todas as fases. A skill também define bandeiras vermelhas claras para evitar comportamentos de risco, como pular gates ou confiar na memória da conversa em vez dos arquivos.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Criar landing page

Orquestra fases e gates. O disco é a fonte da verdade; a memória da conversa não é. Violar a letra é violar o espírito.

Lei de Ferro

NENHUMA FASE COMEÇA SEM O GATE DA ANTERIOR APROVADO
Saída ≠ 0 do check-gate, ou nenhuma saída, é reprovação.

Dados: ~/projetos/criar-site/ (CRIAR_SITE_ROOT). Kit e comandos: ~/.claude/skills/criar-landing-page/assets/kit/README.md. Modelos: assets/modelos/. SUB-SKILL OBRIGATÓRIA: landing-registrar-feedback vale em todas as fases.

Passo 0 (obrigatório ao iniciar ou retomar um cliente; ajuste de baixo risco numa fase aprovada o dispensa)

  1. test -f ~/projetos/criar-site/_regras-vivas.md
  2. Não existe: pare e pergunte: "Parece que a migração inicial não foi feita. Quer que eu acione a landing-evoluir-skill agora para gerar o _regras-vivas.md com base no histórico de criar-site/?" Se sim: SUB-SKILL OBRIGATÓRIA: Use landing-evoluir-skill (modo migração) e volte ao passo 1.
  3. Existe: leia inteiro, defina as tags do projeto, rode node check-regras.js --file <regras> --tags <tags> --listar, grave os ids no 01 e diga em uma linha as que valem para este cliente.

Função Gate

ANTES de cada fase:

  1. node check-gate.js --cliente <nome> --antes-de <fase>
  2. Leia os arquivos de entrada da fase (nunca a memória).
  3. Execute a fase.
  4. Grave a saída com frontmatter aprovado: false.
  5. Mostre ao Felipe e espere o "sim" explícito.
  6. node approve.js --file <arq> --fase <fase> --via conversa --citacao "<trecho literal do sim>". Fases de alto risco (software-extra, publicacao): o Felipe roda ! node approve.js ... --via comando.
FaseSkillSaída
descobertalanding-descoberta01-negocio-e-escopo.md, inventario-assets.md
direcao-visuallanding-direcao-visualdirecao-visual.md
planosuperpowers:writing-plans, salvo em <cliente>/plano.mdplano.md
execuçãosuperpowers:executing-plans; landing-software-extra se tem:software-extrasite, 03-decisoes.md
revisãosuperpowers:requesting-code-review mais o kitresultados em publicacao.md
publicaçãolanding-publicarpublicacao.md

Na execução, copie regras-site.json e pares-contraste.json dos modelos e rode o kit a cada entrega.

Rigor proporcional ao risco

RiscoExemplosExige
Baixotexto, espaçamento, defeito localizado em fase aprovadaexecutar direto, sem Passo 0 nem gates; só as checagens pertinentes; registrar só se houve reação
Médioidentidade visual, seções, decisão aprovadaimpacto curto; approve.js --reabrir da fase afetada
Altoinfra, recurso compartilhado, dados, produçãoLei de Ferro da skill; aceite via comando

Mudar o que um artefato aprovado afirma reabre aquele gate; em dúvida, a classe acima.

Bandeiras Vermelhas: pare

  • "Eu lembro do que o cliente disse" · "Já aprovou, vou direto" · "É rápido, pulo o questionário"
  • Escrever aprovado: true à mão · esconder mudança material em ## Pendências
  • Decidir stack sem perguntar · mockup para a landing nova
RacionalizaçãoRealidade
"O Felipe tem pressa"Pressa não aprova fase: rode o gate
"É só um ajuste"Classifique o risco; baixo risco já pode ir direto
"A memória basta"Leia o arquivo; a memória é a fonte menos confiável

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.

Habilidades Relacionadas