Hogar

Skill

Desarrollo web

web-design-guidelines

antfu/skills

Revisar el código de la interfaz de usuario para garantizar el cumplimiento de las pautas de la interfaz web, la accesibilidad y las mejores prácticas de experiencia de usuario.

...Expandir todo

Tiempo actualizado 7 de septiembre de 2026

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

Guías de la interfaz web

Revisa los archivos para comprobar su cumplimiento con las Guías de la interfaz web.

Cómo funciona

Obtén las últimas directrices desde la URL de origen que se indica a continuación
Lee los archivos especificados (o solicita al usuario los archivos o el patrón)
Comprueba todos los criterios de las directrices obtenidas
Muestra los resultados en el formato conciso archivo:línea

Origen de las directrices

Obtén directrices actualizadas antes de cada revisión:

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

Utiliza WebFetch para recuperar las normas más recientes. El contenido obtenido contiene todas las normas y las instrucciones de formato de salida.

Uso

Cuando un usuario proporcione un argumento de archivo o patrón:

Obtén las directrices desde la URL de origen anterior
Lee los archivos especificados
Aplica todas las normas de las directrices obtenidas
Muestra los resultados utilizando el formato especificado en las directrices

Si no se especifican archivos, pregunta al usuario qué archivos desea revisar.

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