Maison

Skill

Développement Web

web-design-guidelines

antfu/skills

Vérifier le code de l'interface utilisateur pour s'assurer qu'il est conforme aux directives des interfaces web, aux normes d'accessibilité et aux meilleures pratiques en matière d'expérience utilisateur.

...Développer tout

Heure mise à jour 7 septembre 2026

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

Lignes directrices pour l’interface Web

Vérifiez les fichiers afin de garantir leur conformité aux Lignes directrices pour l’interface Web.

Fonctionnement

Récupérez les dernières lignes directrices depuis l’URL source ci-dessous
Lisez les fichiers spécifiés (ou invitez l’utilisateur à fournir des fichiers ou un motif)
Comparez-les avec toutes les règles contenues dans les lignes directrices récupérées
Restituez les résultats au format concis fichier:ligne

Source des lignes directrices

Récupérez des lignes directrices à jour avant chaque vérification :

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

Utilisez WebFetch pour obtenir les règles les plus récentes. Le contenu récupéré contient toutes les règles ainsi que les instructions relatives au format de sortie.

Utilisation

Lorsqu’un utilisateur fournit un argument correspondant à un fichier ou à un motif :

Récupérez les lignes directrices depuis l’URL source indiquée ci-dessus
Lisez les fichiers spécifiés
Appliquez toutes les règles issues des lignes directrices récupérées
Restituez les résultats en utilisant le format spécifié dans les lignes directrices

Si aucun fichier n’est spécifié, demandez à l’utilisateur quels fichiers doivent être vérifiés.

Voir sur GitHub

---
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.