Communitygithub.com

FelipeStruchel/landing-page-skills

Verwenden, wenn eine Landing Page bereit ist, online zu gehen: veröffentlichen, deployen, Domain oder Cloudflare konfigurieren, Cache leeren oder die bereits veröffentlichte Seite überprüfen. Nicht verwenden, um die Seite zu erstellen (create-landing-page).

Was ist landing-page-skills?

Diese Skill-Anleitung definiert einen strengen, sicherheitsorientierten Workflow für die Veröffentlichung von Landing Pages. Sie ist für die Arbeit mit Claude Code (oder ähnlichen KI-Agenten) konzipiert und stellt sicher, dass keine Änderungen ohne explizite Überprüfung und Genehmigung in die Produktion gelangen. Der Kernprozess umfasst eine obligatorische 'Gate'-Funktion, die vor der Veröffentlichung eine Reihe automatisierter Prüfungen wie Referenz-, Kontrast-, Inhalts- und Asset-Validierungen durchführt. Nach bestandenen Prüfungen und einer Autorisierung durch den Benutzer (Felipe) wird die Veröffentlichung mittels eines Skripts durchgeführt, gefolgt von einer Cloudflare-Cache-Leerung und einer finalen Überprüfung der Live-URL in einem neuen Browser. Die Anleitung enthält zudem eine Liste von 'Red Flags' (kritische Fehler), die sofort zum Stopp führen, und warnt vor häufigen Rationalisierungen, die zu unsicheren Veröffentlichungen führen könnten. Ziel ist es, einen unveränderlichen, nachvollziehbaren Prozess zu gewährleisten, der das Risiko von Fehlern oder unbefugten Aktionen in der Produktionsumgebung minimiert.

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

In Ihrer bevorzugten KI fragen

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

Dokumentation


name: landing-publicar description: Verwenden, wenn eine Landing Page bereit ist, online zu gehen: veröffentlichen, deployen, Domain oder Cloudflare konfigurieren, Cache leeren oder die bereits veröffentlichte Seite überprüfen. Nicht verwenden, um die Seite zu erstellen (create-landing-page).

Landing: veröffentlichen

Produktion ist Felipe. Den Buchstaben zu verletzen, bedeutet den Geist zu verletzen.

Ehernes Gesetz

NICHTS IN PRODUKTION OHNE AUSDRÜCKLICHE ZUSTIMMUNG.
KEIN „FERTIG“ OHNE ÜBERPRÜFUNG DER VERÖFFENTLICHTEN URL.

Erste Aktion: node check-gate.js --cliente <name> --antes-de publicacao ausführen; 01, 03 (falls vorhanden) und 02 (offene Punkte und Reaktionen) lesen. Nicht den Gesprächsverlauf verwenden.

Gate-Funktion

  1. Führen Sie vor dem Deployment auf der lokalen Site aus und fügen Sie die tatsächliche Ausgabe in publicacao.md ein: check-refs, check-contrast, check-content (mit --segredos <client>), check-assets --fase publicacao --site <site>, check-page (375 und 1280) und das mobile Lighthouse, falls vorhanden. Jede Ausgabe ≠ 0 oder fehlende Ausgabe führt zur Ablehnung.
  2. Erfassen Sie das Fenster bei 375 und 1280 und öffnen Sie die Dateien.
  3. Listen Sie in publicacao.md auf, was nicht überprüft wurde.
  4. Felipe führt ! node approve.js --file <publicacao.md> --fase publicacao --via comando und ! node authorize.js --cliente <name> --fase publicacao --acao publicar --destino <ziel> aus.
  5. bash publicar.sh --root <site> --dest <ziel> --cliente <name> (Probelauf); zeigen Sie die Ausgabe; erst dann --executar.
  6. Danach: Cloudflare-Cache leeren, node check-cache.js --url <https://...> ausführen, die veröffentlichte Seite mit einem neuen Browser öffnen und einen tatsächlichen Pfad des Nachbarn testen, falls eine gemeinsame Ressource vorhanden ist.
  7. Erst dann „fertig“ sagen, mit Angabe, was überprüft wurde und was nicht.

Cloudflare: Wenn der Cloudflare-MCP verfügbar ist, verwenden Sie ihn für Zone, Einträge und Purge; andernfalls übergeben Sie Felipe die Liste der Schritte aus references/cloudflare-cache.md. Fernziel: publicar.js gibt nur die Schritte aus.

Rote Flaggen: sofort anhalten

  • Manuelles Schreiben von aprovado: true oder des Tokens · Veröffentlichen, „weil es gestern genehmigt wurde“
  • „Fertig“ sagen, indem man nur die lokale Datei ansieht
  • Nur die Startseite überprüfen · Browser mit altem Cache
RationalisierungRealität
„Das Layout wurde genehmigt“Genehmigtes Layout ist keine Autorisierung für Aktionen in der Produktion
„Der Probelauf war erfolgreich“Probelauf ist weder Veröffentlichung noch Überprüfung
„Die Datei ist korrekt“Überprüfen Sie das ausgelieferte HTML und den tatsächlichen Cache
„Teilweise fehlgeschlagen, ich passe es manuell an“Verwenden Sie den ausgegebenen Rückbefehl und beginnen Sie neu

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 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 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