audit

Übersicht

Was ist die audit Skill?

Die audit Skill richtet sich an Frontend-Entwickler und Teams, die die technische Qualität ihrer Weboberflächen systematisch überprüfen möchten. Sie führt Code-Level-Audits in den Bereichen Barrierefreiheit, Performance, Theming, Responsive Design und gängige Anti-Patterns durch. Die Skill erstellt einen bewerteten Bericht, der Probleme von P0 (kritisch) bis P3 (geringfügig) einstuft und umsetzbare Verbesserungsvorschläge liefert. Damit ist sie ideal für Projekte, die Barrierefreiheitsstandards erfüllen, die Performance optimieren und hochwertigen Frontend-Code sicherstellen wollen.

Wer sollte audit verwenden?

• Frontend-Entwickler, die die Codequalität verbessern möchten
• Teams, die sich auf Barrierefreiheits- oder Performance-Reviews vorbereiten
• Projekte, die WCAG-Konformität und Best Practices für Responsive Design anstreben
• Alle, die vor dem Launch oder Refactoring eine strukturierte technische Prüfung benötigen

Gelöste Probleme

• Erkennung von Barrierefreiheitslücken (Kontrast, ARIA, Tastaturnavigation, semantisches HTML, Alt-Texte, Formulare)
• Aufdeckung von Performance-Engpässen und Anti-Patterns
• Prüfung der Theming-Konsistenz und Responsive Design-Probleme
• Dokumentation von Problemen zur weiteren Bearbeitung ohne direkte Codeänderungen

Anwendung

Installationsschritte

1. Installieren Sie die audit Skill mit:
   npx skills add https://github.com/pbakaus/impeccable --skill audit

Erste Einrichtung

• Beginnen Sie mit der Datei SKILL.md für eine ausführliche Übersicht zum Audit-Workflow.
• Lesen Sie unterstützende Dateien wie README.md, AGENTS.md und metadata.json für Kontextinformationen.
• Erkunden Sie Ordner wie rules/, resources/, references/ und scripts/ für weitere Anleitungen und Hilfsskripte.

Workflow-Anleitung

• Rufen Sie vor dem Ausführen von audit /frontend-design auf, um Designkontext zu sammeln und dem Context Gathering Protocol zu folgen.
• Falls kein Designkontext vorliegt, führen Sie zuerst /teach-impeccable aus.
• Die audit Skill führt Diagnosescans in fünf Schlüsselbereichen durch und bewertet diese von 0 (kritisch) bis 4 (ausgezeichnet).
• Verwenden Sie den Argument-Hinweis, um den zu prüfenden Bereich anzugeben (z. B. feature, page, component).
• Die Skill dokumentiert Probleme, behebt sie aber nicht; für Korrekturen nutzen Sie andere Befehle.

Empfohlene Dateien zum Durchsehen

• SKILL.md (Hauptworkflow und Bewertungskriterien)

FAQ

Was überprüft die audit Skill?

Die audit Skill prüft Barrierefreiheit, Performance, Theming, Responsive Design und Anti-Patterns auf Code-Ebene. Sie bewertet jeden Bereich und erstellt einen Bericht mit umsetzbaren Empfehlungen.

Ist audit für Designkritiken geeignet?

Nein, audit konzentriert sich auf die technische Codequalität. Für Design-Reviews verwenden Sie /frontend-design oder verwandte Skills.

Wie bereite ich mich auf ein Audit vor?

Folgen Sie dem Context Gathering Protocol über /frontend-design. Falls Designkontext fehlt, führen Sie zuerst /teach-impeccable aus.

Wo finde ich unterstützende Skripte und Referenzen?

Öffnen Sie den Reiter "Files", um die gesamte Dateistruktur zu erkunden, einschließlich verschachtelter Referenzen und Hilfsskripte für tiefergehenden Kontext.