Heim

Skill

Webentwicklung

web-design-guidelines

antfu/skills

Überprüfen Sie den UI-Code auf Einhaltung der Richtlinien für Web-Schnittstellen, Barrierefreiheit und UX-Best Practices.

...Alle erweitern

Zeit aktualisiert 7. September 2026

# frontend # accessibility # code review # ux # web interface guidelines

Web-Oberflächenrichtlinien

Überprüfen Sie Dateien auf Konformität mit den Web-Oberflächenrichtlinien.

So funktioniert es

Laden Sie die neuesten Richtlinien von der unten stehenden Quell-URL ab
Lesen Sie die angegebenen Dateien (oder fordern Sie den Benutzer zur Eingabe von Dateien/Mustern auf)
Prüfen Sie gegen alle Regeln in den abgerufenen Richtlinien
Geben Sie die Ergebnisse im knappen Format Datei:Zeile aus

Richtlinienquelle

Rufen Sie vor jeder Überprüfung frische Richtlinien ab:

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 Anweisungen zum Ausgabeformat.

Verwendung

Wenn ein Benutzer ein Datei- oder Musterelement angibt:

Laden Sie Richtlinien von der oben genannten Quell-URL ab
Lesen Sie die angegebenen Dateien
Wenden Sie alle Regeln aus den abgerufenen Richtlinien an
Geben Sie die Ergebnisse im in den Richtlinien angegebenen Format aus

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

Auf GitHub ansehen

---
name: web-design-guidelines
description: Review UI code for compliance with web interface guidelines, accessibility, and UX best practices.
---

# Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

## How It Works

1. Fetch the latest guidelines from the source URL below
2. Read the specified files (or prompt user for files/pattern)
3. Check against all rules in the fetched guidelines
4. Output findings in the terse `file:line` format

## Guidelines Source

Fetch fresh guidelines before each review:

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

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

## Usage

When a user provides a file or pattern argument:
1. Fetch guidelines from the source URL above
2. Read the specified files
3. Apply all rules from the fetched guidelines
4. Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.