Communitygithub.com

victor-shulga/website-audit

Nur-Lese-technisches und Conversion-Audit einer Live-Website, erstellt als Vorher-Snapshot einer B2B-Seite. Durchsucht bis zu N gleichherkunft-Seiten (Standard 10) im kopflosen Chrome und prüft mobiles Layout bei 360/390/768 px, Fehler (Konsolenfehler, fehlgeschlagene Anfragen, defekte Links und Bilder, Formulare ohne Absenden), Barrierefreiheit (axe-core, WCAG 2.1 A/AA), Leistung (Lighthouse oder Browser-Timing), den Lead-Pfad (CTA im ersten Bildschirm auf Desktop und Telefon, Kontakt innerhalb von 2 Klicks, Kontaktinformationen, Vertrauensmerkmale) und SEO-Grundlagen. Schreibt einen Markdown-Bericht mit Bewertungen pro Bereich, Ergebnissen P0-P3 (Was, Wo, Warum es Leads kostet, Lösung) und einem Snapshot zum Vergleich nach dem Umbau, sowie rohes JSON.

Was ist website-audit?

Dieses Skill führt ein vollständiges technisches und Conversion-Audit einer Live-Website durch, ohne dabei Änderungen vorzunehmen. Es crawlte bis zu N Seiten derselben Herkunft (standardmäßig 10) mit einem kopflosen Chrome-Browser und analysiert dabei das mobile Layout bei drei verschiedenen Bildschirmbreiten (360, 390 und 768 Pixel). Es erkennt Bugs wie Konsolenfehler, fehlgeschlagene Netzwerkanfragen, defekte Links und Bilder und prüft Formulare, ohne sie abzusenden. Die Barrierefreiheit wird mit axe-core gemäß WCAG 2.1 A/AA bewertet, die Leistung mit Lighthouse oder Browser-Timing erfasst. Es evaluiert den Conversion-Pfad, einschließlich CTA-Sichtbarkeit, Kontaktmöglichkeiten und Vertrauenssignale, sowie grundlegende SEO-Faktoren. Der Bericht wird als Markdown-Datei mit Bewertungen, priorisierten Ergebnissen (P0-P3) und einem JSON-Snapshot ausgegeben, der als Basis für einen späteren Vergleich nach einem Website-Relaunch dient. Das Skill ist ideal für Entwickler und Agenturen, die vor einem Redesign eine objektive Ausgangsbasis benötigen.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/victor-shulga/website-audit/tree/HEAD/skills/website-audit

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht website-audit?

Ein einziger Befehl misst die Website; Sie bestätigen dann, was ein Skript nicht beurteilen kann, und übergeben einen Bericht, mit dem ein Gründer handeln kann. Das Audit ist Nur-Lese-Zugriff: Es sendet niemals ein Formular ab, meldet sich nie an, klickt nie auf etwas, das den Zustand ändert, respektiert robots.txt und macht Pausen zwischen Seitenaufrufen.

Eingaben

  • URL (erforderlich). Fragen Sie danach, wenn der Benutzer keine angegeben hat.
  • Seitenlimit (optional, Standard 10). Verwenden Sie 3–5 für einen schnellen Check, 15–25 für eine vollständige Basislinie vor dem Umbau.
  • Berichtssprache (optional, Standard = die Sprache, in der der Benutzer schreibt).

Voraussetzungen

  • Node.js 22 oder neuer (node --version). Lighthouse benötigt zusätzlich Node ≥ 22.19 und npm (npx).
  • Google Chrome oder Chromium. Wird auf macOS, Linux und Windows automatisch erkannt, einschließlich eines Chromiums, das bereits durch npx playwright install chromium heruntergeladen wurde. Andernfalls setzen Sie CHROME_BIN=/pfad/zu/chrome.
  • Netzwerkzugriff auf die geprüfte Website sowie ein öffentliches npm-CDN (axe-core) und die npm-Registry (Lighthouse). Wenn eines der Tools nicht abgerufen werden kann, wird dieser Bereich im Bericht mit dem Grund als übersprungen markiert; der Durchlauf schlägt nicht fehl.

Schritte

1. Führen Sie das Audit aus

<skill-dir> ist der Ordner, in dem diese SKILL.md lebt.

node <skill-dir>/scripts/audit.mjs https://example.com --limit 10

Optionen: --limit N · --delay MS (Pause zwischen Seiten, Standard 1000) · --max-links N (interne Linkprüfungen, Standard 150) · --no-lighthouse · --no-axe · --max-minutes N (Standard 15) · --out VERZ.

Die Ausgabe erfolgt in ./website-audit/<domain>/ relativ zum aktuellen Ordner (Überschreibung mit --out oder der Umgebungsvariable WEBSITE_AUDIT_OUT):

  • website-audit-<domain>-<date>.md: der Bericht
  • website-audit-<domain>-<date>.json: rohe Messungen, Ergebnisse, Bewertungen, Snapshot
  • screens/: Screenshots des ersten Bildschirms pro Seite, Desktop und 390 px

Der Fortschritt geht nach stderr; die letzte stdout-Zeile ist eine JSON-Zusammenfassung (ok, report, pages, seconds, overall, counts, scores, skipped). Exit-Code 2 bedeutet, dass das Audit überhaupt nicht ausgeführt werden konnte (kein Node 22, kein Chrome, Website nicht erreichbar): Zeigen Sie dem Benutzer die Meldung; sie sagt, was zu installieren oder zu überprüfen ist.

Ein 10-Seiten-Durchlauf dauert etwa 2–4 Minuten; Lighthouse benötigt zusätzliche 30–60 Sekunden.

2. Manuelle Überprüfung

Folgen Sie <skill-dir>/references/manual-review.md:

  1. Bestätigen Sie jede P0 anhand ihrer Beweise (das Skript ist wörtlich; Botschutz oder ein JavaScript-Formular können eine P0 vortäuschen).
  2. Lösen Sie jeden «Manuell prüfen»-Eintrag auf, indem Sie die Screenshots in screens/ lesen.
  3. Stellen Sie sicher, dass «Fix zuerst» als der erste Sprint des Umbaus gelesen werden kann.

Bearbeiten Sie den Markdown-Bericht direkt. Ändern Sie nicht das JSON; es ist die rohe Basislinie.

3. Sprache

Das Skript schreibt auf Englisch. Wenn der Benutzer in einer anderen Sprache schreibt, übersetzen Sie die Überschriften des Berichts, die Zeilen «Warum es für Leads wichtig ist» und «Fix». Lassen Sie URLs, Selektoren, Metriknamen, HTTP-Codes und P0- bis P3-Bezeichnungen unverändert.

4. Übergeben

Antworten Sie mit: Gesamtbewertung, P0-/P1-Anzahl, der «Fix zuerst»-Liste, welche Bereiche übersprungen wurden und warum, sowie dem Pfad zum Bericht. Bieten Sie an, später mit demselben Limit auf der neuen Website erneut auszuführen, um die Spalte «nachher» des Snapshots zu füllen.

Wenn der Benutzer möchte, dass der Bericht nach Bearbeitung der Schwellenwerte neu gerendert wird: node <skill-dir>/scripts/report.mjs <pfad-zum-lauf>.json schreibt den Markdown aus dem JSON neu.

Was jeder Bereich abdeckt

Details, Schwellenwerte und die Prioritätsregeln finden Sie in <skill-dir>/references/checks.md. Kurz gefasst:

BereichWie
Mobiles Layoutjede Seite bei 360 / 390 / 768 px: seitliches Scrollen, Elemente über den Rand hinaus, Viewport-Meta, Tap-Ziele, winziger Text
BugsKonsolenfehler und -ausnahmen, 4xx/5xx und fehlgeschlagene Anfragen, gemischte Inhalte, defekte Bilder, interne Links (HEAD/GET), Formularziele (nur HEAD)
Barrierefreiheitaxe-core in jede Seite injiziert, WCAG 2.0/2.1 A + AA-Tags
LeistungLighthouse mobil auf der Startseite; Browser-Timing (TTFB, LCP, CLS, Gewicht, Anfragen) auf jeder Seite
Conversion-PfadCTA im ersten Bildschirm auf Desktop und Telefon, Klicks bis zum Kontakt, E-Mail / Telefon / Buchung / Lead-Formular, Testimonials, Fälle, Logos, Zahlen
SEO-GrundlagenTitel, Beschreibung, eine H1, Kanonisch, Open Graph, noindex, robots.txt, sitemap.xml

Regeln

  • Niemals Formulare absenden, ausfüllen oder darauf klicken; niemals anmelden; niemals Botschutz oder ein CAPTCHA umgehen. Wenn die Seite eine Challenge-Seite anzeigt, melden Sie dies und stoppen Sie.
  • Respektieren Sie robots.txt-Disallow-Regeln; halten Sie die Standardverzögerung ein, es sei denn, der Benutzer besitzt die Website und bittet um einen schnelleren Durchlauf.
  • Ergebnisse, die mit «Manuell prüfen» markiert sind, sind Hypothesen, bis Sie sich den Screenshot ansehen.
  • Veröffentlichen Sie den Bericht nicht selbst an irgendeinem Ort; er könnte die Schwachstellen eines Kunden beschreiben.

Nicht dieses Skill

  • Text-, Positionierungs- und Nachrichten-Kritik → website-copy-reframe.
  • Ein Marken-/Designsystem von einer Website → design-system-generator.
  • Keyword-Rankings, Backlinks, Verkehrsschätzungen → ein SEO-Datentool.

Verwandte Skills