Web Interface Guidelines

Was macht Web Interface Guidelines?

Überprüft Dateien auf Einhaltung der Web Interface Guidelines.

Funktionsweise

1. Ruft die neuesten Richtlinien von der unten angegebenen Quelle ab
2. Liest die angegebenen Dateien (oder fordert den Benutzer zur Angabe von Dateien/Mustern auf)
3. Prüft gegen alle Regeln der abgerufenen Richtlinien
4. Gibt die Ergebnisse im knappen datei:zeile-Format aus

Quellen der Richtlinien

Vor jeder Prüfung frische Richtlinien abrufen:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

Verwenden Sie WebFetch, um die neuesten Regeln abzurufen. Der abgerufene Inhalt enthält alle Regeln und Angaben zum Ausgabeformat.

Verwendung

Wenn ein Benutzer ein Datei- oder Musterargument angibt:

1. Richtlinien von der obigen Quell-URL abrufen
2. Die angegebenen Dateien lesen
3. Alle Regeln aus den abgerufenen Richtlinien anwenden
4. Ergebnisse unter Verwendung des in den Richtlinien angegebenen Formats ausgeben

Wenn keine Dateien angegeben sind, den Benutzer fragen, welche Dateien überprüft werden sollen.

---

Verwandte Fähigkeiten

Fähigkeit	Wann verwenden
frontend-design	Vor dem Programmieren – Gestaltungsprinzipien lernen (Farbe, Typografie, UX-Psychologie)
web-design-guidelines (diese)	Nach dem Programmieren – Prüfung auf Barrierefreiheit, Performance und Best Practices

Design-Workflow

1. DESIGN   → frontend-design-Prinzipien lesen
2. CODE     → Das Design implementieren
3. AUDIT    → web-design-guidelines-Prüfung ausführen ← SIE SIND HIER
4. FIX      → Ergebnisse aus der Prüfung beheben