[!WICHTIG] KI-Kontext & Wissenserbe
- Subsystem: Agent Skills Registry / web-design-guidelines
- Architektur:
@docs ARCHITEKTUR:Dokumentation- Fehlerpfad: Informationsdrift, veraltete Terminologie oder Dokumentationsinkonsistenz.
- Beobachtbarkeit: Nachverfolgbarkeit über
execution/parity_guard.py([SKILL])
Richtlinien für Web-Interfaces
Überprüft Dateien auf Einhaltung der Richtlinien für Web-Interfaces.
Funktionsweise
- Die aktuellsten Richtlinien von der unten angegebenen Quelle abrufen
- Die angegebenen Dateien lesen (oder den Benutzer nach Dateien/Muster fragen)
- Gegen alle Regeln der abgerufenen Richtlinien prüfen
- Ergebnisse im knappen
datei:zeile-Format ausgeben
Quellcode der Richtlinien
Vor jeder Überprüfung die aktuellen Richtlinien abrufen:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
WebFetch verwenden, um die aktuellsten Regeln abzurufen. Der abgerufene Inhalt enthält alle Regeln und Anweisungen zum Ausgabeformat.
Verwendung
Wenn ein Benutzer ein Datei- oder Musterargument angibt:
- Richtlinien von der oben genannten URL abrufen
- Die angegebenen Dateien lesen
- Alle Regeln aus den abgerufenen Richtlinien anwenden
- Ergebnisse im in den Richtlinien angegebenen Format ausgeben
Wenn keine Dateien angegeben werden, den Benutzer fragen, welche Dateien überprüft werden sollen.
Verwandte Skills
| Skill | Wann verwenden |
|---|---|
| frontend-design | Vor dem Codieren – Designprinzipien lernen (Farbe, Typografie, UX-Psychologie) |
| web-design-guidelines (dieser) | Nach dem Codieren – Barrierefreiheit, Performance und Best Practices prüfen |
Design-Workflow
1. DESIGN → frontend-design-Prinzipien lesen
2. CODE → Design implementieren
3. AUDIT → web-design-guidelines-Überprüfung ausführen ← SIE SIND HIER
4. FIX → Ergebnisse aus dem Audit beheben