gravar-site

Gravar site

Das Script öffnet die Website in einem unsichtbaren Browser, durchläuft sie Bild für Bild und liefert eine ruckelfreie MP4-Datei, selbst bei schweren Animationen. Aufgezeichnet wird vom Script, nicht von der KI: Das Modell wählt lediglich den Modus aus, führt einen Befehl aus und prüft ein Bild am Ende. Führen Sie diese Skill daher auf dem günstigsten Modell aus, das Sie haben:

• Claude Code: Haiku (/model haiku) oder Sonnet auf niedriger Anstrengung. Opus ist hier Verschwendung.
• Codex / ChatGPT: das Mini-Modell oder das mit niedriger Anstrengung.
• Andere Agenten (Gemini CLI, Antigravity, Cursor): das schnelle Modell (Flash oder Äquivalent).

Öffnen Sie keinen Unteragenten und delegieren Sie nicht an einen anderen Agenten: Die Kosten, um die Aufgabe zu erklären, sind höher als der Befehl selbst auszuführen.

Ausführen

node "${CLAUDE_SKILL_DIR}/scripts/gravar.mjs" --url https://site.com --saida "C:/pfad/lieferungen/site-pc.mp4"

Erstmalig auf dem Rechner: cd "${CLAUDE_SKILL_DIR}/scripts" && npm install. Das Script findet Playwrights Chromium und ffmpeg automatisch; fehlt eines, sagt die Fehlermeldung, was zu installieren ist. Dauer: 1 bis 3 Minuten.

Ausgabe: die MP4 und eine Zeile RESULTADO {...} mit ok, Dauer, Größe, Prüfungen und folha_de_contato (Kontrollblatt).

Zwei Modi

• Automatisch (Standard, ohne Drehbuch): Zeigt den oberen Bereich und fährt mit der Maus über den Menübutton; scrollt Abschnitt für Abschnitt nach unten; öffnet in jedem Abschnitt Tabs, Akkordeons, klickt Formularoptionen, gibt den Namen („Maria“) und eine kurze Nachricht ein, fährt mit der Maus über Buttons und Links; kehrt zum oberen Bereich zurück. Obergrenze: 75 s (--max 60 verkürzt). Funktioniert bei den meisten Websites; getestet mit zwei verschiedenen Strukturen.
• Mit Drehbuch (--roteiro drehbuch.json): Wenn der Bediener eine genaue Abfolge wünscht oder der Automatikmodus etwas falsch gemacht hat. Format und Aktionen in referencia/roteiro-exemplo.json. Selektoren sind Playwright-Standard (#id, .klasse, text=Termin buchen, role=button[name="X"]).

Optionen: --viewport 1440x900, --fps 30, --bloquear domain.com (fügt Blockierungen hinzu), --sem-folha (ohne Kontrollblatt).

Vom Script bereits eingehaltene Regeln

• Sendet niemals ein Formular ab und öffnet niemals WhatsApp, Instagram oder andere Websites: Links erhalten nur Maus-Hover.
• Gibt das gesamte Netzwerk frei. Karten, Schriftarten und eingebettete Videos laden nur so; alles außer der Domain der Website zu blockieren, lässt die Karte kaputt und tauscht die Markenschriftart aus.
• Wartet, bis Karte und Iframes in Echtzeit geladen sind, bevor der Abschnitt aufgezeichnet wird.
• Lehnt ab (ok: false), wenn das Scrollen ruckelt, ein Formular abgesendet wird, ein neues Fenster geöffnet oder die Website verlassen wird.

Vor dem Ausliefern prüfen (Pflicht)

1. Das Bild in folha_de_contato (12 Frames des gesamten Videos) lesen. Suchen nach: weißem Bildschirm, fehlenden Bildern, ausgetauschter Schriftart, Kartenfehlern, sichtbarem Testtext (XXXXXX, „lorem“, vorläufigem CRP oder Telefon), verlorenem Cursor.
2. Ist etwas falsch, die Website korrigieren oder ein Drehbuch verwenden; nicht mit Vorbehalt ausliefern.
3. Das Kontrollblatt löschen (rm auf den Pfad von folha_de_contato) und dem Bediener den Pfad zur MP4, Dauer und Größe mitteilen.

Das Video wird im Ordner entregas/ des Kunden abgelegt. Dem Kunden zu senden, ist Entscheidung des Bedieners.

Grenzen

• Nur horizontal. Für vertikales Video ändert --viewport 390x844 die Größe, simuliert aber kein Touch – als zukünftige Erweiterung behandeln, nicht versprechen.
• Website, die Login erfordert oder nur mit echten Daten geöffnet werden kann: Drehbuch und eine Vorschau-URL verwenden.
• Um nach Änderungen an der Website neu aufzunehmen, zuerst die Änderung veröffentlichen (das Script zeichnet die öffentliche Adresse oder http://localhost:port mit laufendem Server auf).