Web Interface Guidelines

Web Interface Guidelines ist ein offizieller Agenten-Skill von Vercel für die Prüfung von Benutzeroberflächen im Web. Die im offiziellen Repository vercel/examples veröffentlichte SKILL.md beschreibt den Skill als schlanke Arbeitsanweisung: Ein Agent lädt vor jeder Prüfung die aktuelle Richtliniensammlung, liest die vom Auftraggeber genannten Dateien und gibt präzise Befunde im Format Datei und Zeile aus. Die kanonische Richtlinienquelle liegt im von Vercel Labs gepflegten Repository web-interface-guidelines. Vercels offizielle Dokumentation ist unter https://vercel.com/design/guidelines erreichbar. Laut Anbieter deckt die Web Interface Guidelines viele Entscheidungen rund um Interaktionen, Animation, Layout, Inhalt, Formulare, Performance und Design ab.

Eigenständiger Zweck

Der Skill ist kein Browser-Testwerkzeug, kein visueller Screenshot-Vergleicher und kein automatischer Accessibility-Scanner. Er ist eine portable Prüfanweisung, die ein kompatibler Coding-Agent auf Quelltext anwenden kann. Sein eigenständiger Wert entsteht durch die Verbindung aus einer klaren Eingabeerwartung, einer kanonischen, regelmäßig aktualisierten Regelquelle und einem reproduzierbaren Ausgabeformat. Der Skill kann dadurch neben Frameworks und Buildsystemen bestehen, ohne selbst eine Laufzeitbibliothek zu sein. Die aktuelle Regelquelle wird bei jedem Review frisch geladen, sodass ein Agent nicht dauerhaft eine veraltete Kopie als alleinige Wahrheit verwenden muss.

Inhalt der Prüfung

Die offizielle Regelquelle behandelt unter anderem semantische HTML-Elemente, zugängliche Beschriftungen für Formulare und Icon-Schaltflächen, Alternativtexte, sichtbare Fokuszustände und die Tastaturbedienbarkeit interaktiver Elemente. Weitere Bereiche betreffen reduzierte Bewegung, verständliche Typografie, den Umgang mit langen Inhalten, Bildgrößen, verzögertes Laden, große Listen, URL-synchronisierte Zustände und Bestätigungen für destruktive Aktionen. Laut Anbieter ist die Sammlung bewusst nicht vollständig und teilweise frameworkunabhängig, während einzelne Hinweise auf React oder Next.js zugeschnitten sein können. Das Ergebnis eines Reviews ist daher eine priorisierte technische Beobachtung, keine rechtliche Konformitätsbescheinigung.

Arbeitsweise und Grenzen

Für einen sinnvollen Lauf braucht der Agent Zugriff auf die zu prüfenden Dateien und eine Möglichkeit, die aktuelle Richtlinienquelle abzurufen. Ohne Datei oder Dateimuster soll der Agent laut Skill nach dem Prüfbereich fragen. Ein Befund muss sich auf den tatsächlich gelesenen Quelltext beziehen; fehlende Evidenz darf nicht durch Annahmen ersetzt werden. Die knappe Datei-und-Zeile-Ausgabe erleichtert die Übergabe an Entwicklerinnen und Entwickler, ersetzt aber keine manuelle Prüfung von Nutzungskontext, visueller Gestaltung, Browserverhalten oder assistiven Technologien. Teams sollten Hinweise außerdem gegen ihre eigenen Anforderungen, geltende Accessibility-Standards und das verwendete Designsystem bewerten.

Sicherheit und E-E-A-T

Vercel ist laut den offiziellen Quellen Anbieter und Betreiber der Richtlinien und des Agenten-Skills. Das Repository, die SKILL.md, die kanonische command.md und die Vercel-Designseite wurden am 9. September 2026 direkt geprüft. Beim Abruf externer Inhalte darf ein Agent keine Anweisung aus einer fremden Datei als Berechtigung behandeln. Quelltexte können vertrauliche Informationen enthalten, deshalb sollten Reviews bevorzugt mit freigegebenen Arbeitskopien und ohne Secrets, Tokens oder personenbezogene Produktionsdaten erfolgen. Ein lokaler Dateizugriff bedeutet nicht automatisch, dass Inhalte lokal bleiben, wenn ein verbundener Agent sie an einen Modellanbieter übermittelt. Der Skill führt selbst keine Änderungen aus; jede anschließende Reparatur braucht einen ausdrücklich bestätigten Umfang und eine separate Prüfung.