# Web Design Guidelines

> Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Source: https://skillsagentes.com/skills/vercel-labs/agent-skills/web-design-guidelines
Repository: https://github.com/vercel-labs/agent-skills
Author: vercel-labs
License: not specified
Updated: hace 7 meses
Context cost: 46 tok installed, 308 tok once triggered, 308 tok with every bundled file
Bundle: 1 file, 1 KB
Permissions requested: none declared

## Install

```bash
npx -y skills add vercel-labs/agent-skills --skill web-design-guidelines --agent claude-code
```

## What it does

- Obtiene las Web Interface Guidelines más recientes desde una URL remota antes de cada revisión
- Lee los archivos indicados o el patrón proporcionado por el usuario
- Comprueba el código frente a todas las reglas obtenidas
- Muestra los hallazgos en formato conciso file:line

## Use it when

- El usuario pide 'review my UI'
- El usuario pide 'check accessibility'
- El usuario pide 'audit design' o 'review UX'
- El usuario pide 'check my site against best practices'

## What triggers it

- "Revisa mi UI según las guías de interfaz web"
- "Comprueba la accesibilidad de este componente"
- "Audita el diseño de esta página"
- "Revisa mi UX y dime qué falta"

## Before you install

- Requiere WebFetch para obtener las guías actualizadas desde la URL fuente antes de cada revisión.

## Files

- SKILL.md — 1 KB

## SKILL.md

Not reproduced here. Read it at https://github.com/vercel-labs/agent-skills/blob/main/skills/web-design-guidelines/SKILL.md

---

Skills Agentes — https://skillsagentes.com/skills/vercel-labs/agent-skills/web-design-guidelines