Zweck
Vercel Web Design Guidelines prüft UI-Quelldateien anhand der aktuellen Web Interface Guidelines. Es lädt die Regeln, betrachtet Interaktion, Barrierefreiheit, Texte und Oberflächendetails und meldet Fundstellen mit Datei und Zeile.
Einsatzbereiche
Nutze es während der Umsetzung für Formulare, Navigation, Schaltflächen oder Seiten. Gib Dateien oder Pfadmuster vor.
Anwendungsbeispiel
Lass etwa ein Bezahlformular prüfen und Zeilen mit Problemen bei Beschriftung, Fehlermeldung oder Tastaturbedienung nennen.
Dieses Beispiel ist hypothetisch; diese Website hat es nicht getestet.
Einschränkungen
Die Prüfung hängt von den abgerufenen Regeln und lesbaren Quelldateien ab. Dateizeilen ersetzen keine Tests im Browser, mit Hilfstechnik oder mit Nutzern.
Installation
Die offiziellen Richtlinien nennen diesen Skills-CLI-Befehl. Für die Prüfung müssen die aktuellen Regeln erreichbar sein.
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
Führe den Befehl in einer unterstützten Umgebung selbst aus. Das Lesen dieser Seite installiert den Skill nicht.