Diseño UI/UX y gráfico Punto de atención Principiante
web-design-guidelines
vercel-labs/agent-skills
Auditer une interface (espacement, accessibilité, interactions)
Por ahora, las descripciones de los skills están en francés. La interfaz está en español; las fichas se traducirán más adelante.
Texto de ficha en revisión: la información técnica está verificada, la redacción aún no la ha validado una persona.
Para qué sirve
Fait relire par l'agent le code de ton interface selon une liste de bonnes pratiques web : espacement, accessibilité, interactions, et te signale ce qui ne les respecte pas.
Para quién
Tu as une page ou une appli web et tu veux un contrôle qualité de l'interface.
Ejemplos de peticiones
- « Relis mon interface et dis-moi ce qui pose problème en accessibilité. »
- « Audite le design de cette page selon les bonnes pratiques. »
Límites
- État orange : les consignes réelles sont téléchargées à chaque usage depuis internet, et ce texte peut changer sans prévenir.
- La licence n'est pas déclarée : on ne fait qu'un lien vers le skill, sans reprendre son texte.
- L'analyse a aussi relevé une anomalie mineure à examiner.
Instalar este skill
Requisitos : Aucun
Copia el comando, pégalo en tu terminal (Mac) o en PowerShell (Windows) y confirma tú mismo cuando el programa te lo pida.
Comando (última versión publicada)
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines -a claude-codeEl comando npx necesita Node.js 22.20 o posterior. Windows : si la création de liens échoue : ajouter --copy (non testé).
Comando fijado en la versión verificada
Comando fijado en la versión verificada
npx skills add vercel-labs/agent-skills@1a2c79d4e6c4a2283dc2c614b6538cbe1ed5ca62 --skill web-design-guidelines -a claude-codeComando verificado con la documentación, aún no probado por Neurylio.
Antes de instalar. Lee el archivo SKILL.md en GitHub, comprueba de dónde viene el skill y qué puede hacer. Las lecciones del módulo 7 te explican cómo: