Communitygithub.com

Landing Page erstellen

Verwende dies, wenn Felipe darum bittet, eine Landing Page oder Einseitige Website für ein Unternehmen oder einen Kunden zu erstellen, zu montieren, zu überarbeiten oder wiederaufzunehmen, oder wenn ein Kundenordner in erstellen-site/ geöffnet wird. Nicht verwenden, um die eigenen Skills neu zu gestalten (landing-evoluir-skill).

Was ist Landing Page erstellen?

Diese Skill orchestriert die Erstellung einer Landing Page über mehrere Phasen und Gates hinweg. Sie folgt dem Prinzip, dass die Festplatte (Dateien) die Quelle der Wahrheit ist, nicht der Chatverlauf. Jede Phase darf erst beginnen, wenn das Gate der vorherigen Phase explizit vom Benutzer (Felipe) genehmigt wurde. Die Skill unterstützt Plattformen wie Claude Code, Cursor oder Codex und nutzt lokale Dateien und Kommandozeilen-Tools. Der Workflow umfasst Phasen wie Discovery, visuelle Ausrichtung, Planung, Ausführung, Review und Veröffentlichung, wobei jede Phase eine spezifische Ausgabe (z. B. „01-negocio-e-escopo.md“) erzeugt. Die Skill betont strenge Qualitätskontrollen und ein proportionales Risikomanagement: Für niedrige Risiken kann sie direkt ausgeführt werden, für hohe Risiken gelten die vollständigen Gate-Regeln. Rote Flaggen warnen vor typischen Abkürzungen, die gegen die Prinzipien verstoßen.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht Landing Page erstellen?

Orchestriert Phasen und Gates. Die Festplatte ist die Quelle der Wahrheit; der Gesprächsverlauf ist es nicht. Die Vorschrift zu verletzen bedeutet, den Geist zu verletzen.

Ehernes Gesetz

KEINE PHASE BEGINNT OHNE DAS GENEHMIGTE GATE DER VORHERIGEN PHASE
Ausgabe ≠ 0 des check-gate, oder keine Ausgabe, ist eine Ablehnung.

Daten: ~/projekte/erstellen-site/ (CRIAR_SITE_ROOT). Kit und Befehle: ~/.claude/skills/erstellen-landing-page/assets/kit/README.md. Vorlagen: assets/vorlagen/. ERFORDERLICHE UNTER-SKILL: landing-registrar-feedback gilt in allen Phasen.

Schritt 0 (erforderlich beim Starten oder Wiederaufnehmen eines Kunden; eine risikoarme Anpassung innerhalb einer genehmigten Phase kann ihn überspringen)

  1. test -f ~/projekte/erstellen-site/_regras-vivas.md
  2. Nicht vorhanden: stoppen und fragen: „Es scheint, dass die anfängliche Migration nicht durchgeführt wurde. Möchtest du, dass ich jetzt die landing-evoluir-skill aktiviere, um die _regras-vivas.md basierend auf dem Verlauf von erstellen-site/ zu generieren?“ Wenn ja: ERFORDERLICHE UNTER-SKILL: Verwende landing-evoluir-skill (Migrationsmodus) und kehre zu Schritt 1 zurück.
  3. Vorhanden: Vollständig lesen, die Tags des Projekts definieren, node check-regras.js --file <regras> --tags <tags> --listar ausführen, die IDs in 01 speichern und in einer Zeile diejenigen nennen, die für diesen Kunden gelten.

Gate-Funktion

VOR jeder Phase:

  1. node check-gate.js --kunde <name> --vor-phase <phase>
  2. Lies die Eingabedateien der Phase (niemals den Verlauf).
  3. Führe die Phase aus.
  4. Speichere die Ausgabe mit Frontmatter genehmigt: false.
  5. Zeige sie Felipe und warte auf das explizite „Ja“.
  6. node approve.js --datei <datei> --phase <phase> --via gespraech --zitat "<wortgetreuer Auszug des Ja>". Hochrisikophasen (software-zusaetzlich, veroeffentlichung): Felipe führt ! node approve.js ... --via befehl aus.
PhaseSkillAusgabe
discoverylanding-discovery01-geschaeft-und-umfang.md, inventar-assets.md
visuelle-ausrichtunglanding-visuelle-ausrichtungvisuelle-ausrichtung.md
planungsuperpowers:writing-plans, gespeichert in <kunde>/plan.mdplan.md
ausfuehrungsuperpowers:executing-plans; landing-software-zusaetzlich wenn hat:software-zusaetzlichseite, 03-entscheidungen.md
reviewsuperpowers:requesting-code-review plus das KitErgebnisse in veroeffentlichung.md
veroeffentlichunglanding-veroeffentlichenveroeffentlichung.md

Bei der Ausführung kopiere regeln-site.json und farbkontrast-paare.json aus den Vorlagen und führe das Kit bei jeder Lieferung aus.

Verhältnismäßigkeit nach Risiko

RisikoBeispieleErfordert
NiedrigText, Abstand, lokalisierter Fehler in genehmigter PhaseDirekt ausführen, ohne Schritt 0 oder Gates; nur die relevanten Prüfungen; nur protokollieren, wenn es eine Reaktion gab
MittelVisuelle Identität, Abschnitte, genehmigte EntscheidungKurze Auswirkung; approve.js --wiedereroeffnen der betroffenen Phase
HochInfrastruktur, gemeinsame Ressource, Daten, ProduktionEhernes Gesetz der Skills; Genehmigung via Befehl

Eine Änderung dessen, was ein genehmigtes Artefakt aussagt, öffnet dieses Gate wieder; im Zweifel die höhere Klasse wählen.

Rote Flaggen: Stopp

  • „Ich erinnere mich, was der Kunde gesagt hat“ · „Bereits genehmigt, ich lege direkt los“ · „Es ist schnell, ich überspringe den Fragebogen“
  • genehmigt: true von Hand schreiben · eine materielle Änderung in ## Offene Punkte verstecken
  • Stack ohne Nachfrage entscheiden · Mockup für die neue Landing Page
RationalisierungRealität
„Felipe hat es eilig“Eile genehmigt keine Phase: führe das Gate aus
„Es ist nur eine Anpassung“Klassifiziere das Risiko; niedriges Risiko kann direkt loslegen
„Der Verlauf reicht“Lies die Datei; der Verlauf ist die unzuverlässigste Quelle

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.

Verwandte Skills