Communitygithub.com

랜딩 페이지 생성

Felipe가 비즈니스 또는 고객을 위한 랜딩 페이지나 단일 페이지 사이트를 생성, 구성, 재작성 또는 재개할 때 사용합니다. 고객 폴더를 `criar-site/`에서 열 때도 사용합니다. 자신의 스킬을 재설계하는 데는 사용하지 마십시오(landing-evoluir-skill).

랜딩 페이지 생성란 무엇인가요?

이 스킬은 Felipe가 고객을 위한 랜딩 페이지 또는 단일 페이지 웹사이트를 체계적으로 생성, 재구성 또는 재개할 수 있도록 안내합니다. '아이언 로(Iron Law)'라는 원칙 아래 각 단계가 이전 단계의 게이트 승인 없이 시작되지 않도록 엄격히 통제하며, '대화 기억이 아닌 디스크의 파일을 진실의 원천'으로 삼습니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있으며, 고객별 프로젝트 디렉토리(`~/projetos/criar-site/`)와 스킬 키트(`~/.claude/skills/criar-landing-page/assets/kit/README.md`)를 기반으로 작동합니다. 단계별 게이트 함수(`check-gate.js`, `approve.js`)를 통해 진행 상황을 추적하고 승인을 기록하며, 발견(discovery), 시각 방향(visual direction), 계획(plan), 실행(execution), 검토(review), 게시(publishing)의 6단계로 구성됩니다. 위험도에 따라 절차의 엄격함을 다르게 적용하여 저위험 작업은 간소화하고, 고위험 작업은 엄격한 게이트 통과를 요구합니다.

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

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

랜딩 페이지 생성은(는) 무엇을 하나요?

단계 및 게이트를 오케스트레이션합니다. 디스크가 진실의 원천입니다. 대화 메모리는 그렇지 않습니다. 문자를 위반하는 것은 정신을 위반하는 것입니다.

아이언 로(Iron Law)

어떤 단계도 이전 단계의 게이트 승인 없이 시작할 수 없음
check-gate의 출력이 0이 아니거나 출력이 없으면 실패입니다.

데이터: ~/projetos/criar-site/ (CRIAR_SITE_ROOT). 키트 및 명령어: ~/.claude/skills/criar-landing-page/assets/kit/README.md. 템플릿: assets/modelos/. 필수 하위 스킬: landing-registrar-feedback은 모든 단계에 적용됩니다.

0단계 (클라이언트 시작 또는 재개 시 필수, 승인된 단계 내에서 위험도가 낮은 조정은 생략 가능)

  1. test -f ~/projetos/criar-site/_regras-vivas.md
  2. 파일이 없으면: 중단하고 질문: "초기 마이그레이션이 수행되지 않은 것 같습니다. 지금 landing-evoluir-skill을 실행하여 criar-site/ 기록을 기반으로 _regras-vivas.md를 생성하시겠습니까?" 예인 경우: 필수 하위 스킬: landing-evoluir-skill(마이그레이션 모드)을 사용하고 1단계로 돌아갑니다.
  3. 파일이 있으면: 전체를 읽고, 프로젝트 태그를 정의하고, node check-regras.js --file <regras> --tags <tags> --listar를 실행하고, ID를 01에 기록하고, 이 클라이언트에 적용되는 규칙을 한 줄로 말합니다.

게이트 함수

각 단계 전:

  1. node check-gate.js --cliente <nome> --antes-de <fase>
  2. 단계의 입력 파일을 읽습니다(메모리는 절대 읽지 않음).
  3. 단계를 실행합니다.
  4. 프론트매터 aprovado: false와 함께 출력을 기록합니다.
  5. Felipe에게 보여주고 명시적인 "예"를 기다립니다.
  6. node approve.js --file <arq> --fase <fase> --via conversa --citacao "<승인의 정확한 인용>"를 실행합니다. 고위험 단계(software-extra, publicacao): Felipe가 ! node approve.js ... --via comando를 실행합니다.
단계스킬출력
발견(descoberta)landing-descoberta01-negocio-e-escopo.md, inventario-assets.md
시각 방향(direcao-visual)landing-direcao-visualdirecao-visual.md
계획(plano)superpowers:writing-plans, <cliente>/plano.md에 저장됨plano.md
실행(execução)superpowers:executing-plans; tem:software-extra인 경우 landing-software-extra사이트, 03-decisoes.md
검토(revisão)superpowers:requesting-code-review 및 키트publicacao.md 결과
게시(publicação)landing-publicarpublicacao.md

실행 중에는 템플릿에서 regras-site.json과 pares-contraste.json을 복사하고 각 전달 시 키트를 실행합니다.

위험에 비례한 엄격함

위험예시요구사항
낮음텍스트, 간격, 승인된 단계의 국소적 결함직접 실행, 0단계 및 게이트 없음; 관련 검사만; 반응이 있는 경우에만 기록
중간시각적 아이덴티티, 섹션, 승인된 결정영향 범위가 짧음; 영향을 받은 단계의 approve.js --reabrir
높음인프라, 공유 리소스, 데이터, 프로덕션이 스킬의 아이언 로; 명령어를 통한 승인

승인된 아티팩트가 주장하는 내용을 변경하면 해당 게이트가 다시 열립니다. 확실하지 않은 경우 위의 분류를 따릅니다.

레드 플래그: 중단

  • "고객이 말한 것을 기억합니다" · "이미 승인되었으니 바로 진행합니다" · "빠르니까 질문 건너뜁니다"
  • aprovado: true를 수동으로 작성 · ## Pendências에 중요한 변경 사항 숨기기
  • 묻지 않고 스택 결정 · 새 랜딩 페이지를 위한 목업
합리화현실
"Felipe는 바쁘다"바쁘다고 단계가 승인되지는 않습니다: 게이트를 실행하세요
"그냥 조정일 뿐이다"위험을 분류하세요; 낮은 위험은 바로 진행할 수 있습니다
"메모리로 충분하다"파일을 읽으세요; 메모리는 가장 신뢰할 수 없는 출처입니다

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.

관련 스킬