# Web Design Guidelines

> Revisa código de interfaz según las Web Interface Guidelines. Úsalo cuando pidan "revisa mi UI", "comprueba la accesibilidad", "audita el diseño" o "revisa la UX".

Fuente: https://skillsagentes.com/skills/calesthio/openmontage/web-design-guidelines
Markdown: https://skillsagentes.com/skills/calesthio/openmontage/web-design-guidelines.md

Repositorio: https://github.com/calesthio/OpenMontage
Autor: calesthio
Licencia: AGPL-3.0
Actualizado: hace 4 meses
Coste de contexto: 46 tok instalada, 308 tok al activarse, 308 tok con todos los archivos del bundle
Bundle: 1 archivo, 1 KB
Permisos que pide: ninguno declarado

## Instalación

Un skill son archivos markdown: los mismos archivos valen para cualquier agente y lo único que cambia es el directorio de destino, es decir la bandera `--agent`. Añade `-g` para instalarlo en todos los proyectos de la máquina.

```bash
# Claude Code
npx -y skills add calesthio/OpenMontage --skill web-design-guidelines --agent claude-code
# Cursor
npx -y skills add calesthio/OpenMontage --skill web-design-guidelines --agent cursor
# Codex
npx -y skills add calesthio/OpenMontage --skill web-design-guidelines --agent codex
# Gemini CLI
npx -y skills add calesthio/OpenMontage --skill web-design-guidelines --agent gemini
# Windsurf
npx -y skills add calesthio/OpenMontage --skill web-design-guidelines --agent windsurf
# Cline
npx -y skills add calesthio/OpenMontage --skill web-design-guidelines --agent cline
```

## Qué hace

- Revisa código de interfaz contra las Web Interface Guidelines
- Descarga las pautas más recientes desde su URL de origen antes de revisar
- Lee los archivos indicados, o pide un patrón de archivos al usuario
- Devuelve los hallazgos en formato escueto `file:line`

## Cuándo usarla

- Se pide revisar la interfaz o auditar el diseño
- Se pide comprobar la accesibilidad
- Se pide revisar la experiencia de usuario o contrastar el sitio con buenas prácticas

## Qué la activa

- "Revisa mi interfaz"
- "Comprueba la accesibilidad de estos componentes"
- "Audita el diseño de esta página"
- "Contrasta mi sitio con las buenas prácticas"

## Antes de instalar

- Descarga las pautas desde su URL de origen, así que necesita acceso a la red.
- makes network requests

## Archivos

- SKILL.md — 1 KB

## SKILL.md

Reproducido tal cual desde calesthio/OpenMontage bajo AGPL-3.0. Esta sección es el documento original y está en inglés.

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

## Dónde encaja

- Categoría: [Diseño y UI](https://skillsagentes.com/categorias/diseno-ui.md) — Sistemas de diseño, trabajo con componentes y acabado visual.
- Creador: [calesthio](https://skillsagentes.com/creators/calesthio.md) — 0 skills en el directorio
- [Todas las skills](https://skillsagentes.com/skills.md)
- [Ranking de instalaciones](https://skillsagentes.com/ranking.md)

## Otras skills del mismo repositorio

- [Seedance 2 5](https://skillsagentes.com/skills/calesthio/openmontage/seedance-2-5.md): Genera vídeo cinematográfico de 4-30 s con ByteDance Seedance 2.5 por fal.ai, Volcengine Ark, Runway o ComfyUI. Cubre el contrato de prompt 2.5, cortes duros, locks de continuidad y voz.
- [Comfyui](https://skillsagentes.com/skills/calesthio/openmontage/comfyui.md): Úsalo al trabajar con workflows de ComfyUI en OpenMontage: comfyui_image/video/music, workflows propios, selección de output_node, modelos que faltan, LoRAs, poca VRAM e importación de workflows de la comunidad.
- [Fish Audio Tts](https://skillsagentes.com/skills/calesthio/openmontage/fish-audio-tts.md): Genera narración expresiva y multilingüe con fish.audio (modelos S1 / S2) y reutiliza voces clonadas mediante reference_id.
- [Minimax H3](https://skillsagentes.com/skills/calesthio/openmontage/minimax-h3.md): Genera vídeo con MiniMax H3 (Hailuo 3.0) por la API oficial v2, fal.ai, Runway, nodos partner de ComfyUI o pesos abiertos locales. Clips de 4-15s a 2K con animación de primer/último fotograma.
- [Gemini Omni](https://skillsagentes.com/skills/calesthio/openmontage/gemini-omni.md): Genera y edita conversacionalmente vídeos cortos con Google Gemini Omni Flash: itera con ediciones en lenguaje natural, clips de 3-10s a 720p con audio y texto en pantalla, e imágenes de referencia por etiquetas.

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)