UX Pilot
Diseñador UX conversacional más un escáner de código que marca brechas reales de a11y
Funciona con configuración
Qué hace
Un flujo de trabajo UX de cuatro fases — preguntas de descubrimiento, una auditoría de código con hallazgos puntuados por severidad, un servidor de vista previa HTML en vivo y exportación a React, Svelte o Vue — respaldado por un repositorio de 161 paletas, 57 combinaciones de fuentes, 67 estilos y 31 archivos de reglas. Se activa cuando pides una auditoría UX de una página existente, quieres diseñar las pantallas de un producto antes de escribir código, o quieres versiones nombradas lado a lado de una pantalla. Distribuido como un plugin de Claude Code; copiar solo el directorio de la skill deja atrás las reglas y el generador de informes.
Informe de la prueba
Apunté el escáner real del repositorio a una página de aterrizaje de facturación deliberadamente rota y devolvió 11 hallazgos correctos en una sola pasada — meta de viewport faltante marcada como crítica, dos imágenes sin alt, tres entradas solo con placeholder, un ancho de 1100px codificado sin media query, y una tabla de precios sin envoltorio responsivo. Audité el mismo archivo a mano sin skill y obtuve 14 problemas, incluyendo una falla de contraste de texto corporal de 2.9:1 y un CTA 'Submit' débil que el escáner no busca; la verdadera ganancia de la skill es el empaquetado, ya que convierte cada hallazgo en cubos de severidad y un prompt de corrección de copiar y pegar. La fricción es la instalación: copiar el directorio de la skill te da SKILL.md y nada más, por lo que las 376 reglas, 161 paletas y 57 combinaciones de fuentes permanecen en el repositorio, y el paso MANDATORY de la auditoría — llamar a generateHtmlAuditReport() — no tiene forma ejecutable, porque no hay dist comprometido y el paquete ux-pilot es un 404 en npm. Usa la ruta de plugin documentada en su lugar. Ten en cuenta también que los archivos de reglas y una cadena de prompt codificada están en French mientras que toda la superficie del producto está en English.
Probado el: 2026-08-07 · Claude Code 2.x (agent harness)
Instalación
git clone https://github.com/Sakaax/ux-pilot.git mkdir -p ~/.claude/skills cd ux-pilot && cp -r .claude/skills/ux-pilot ~/.claude/skills/ux-pilot
Comandos y prompts de ejemplo
/ux-pilotDiseñador UX conversacional más un escáner de código que marca brechas reales de a11y
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
Run a UX audit on this landing page and flag accessibility gapsDesign the screens for this product before we write any codeShow me three named versions of this screen side by side