Qué hace
Analiza la estructura de un sitio (HTML real, no mockups), identifica problemas de jerarquía visual, ubicación de CTAs y flujo de usuario, y genera un rediseño completo orientado a conversión. El output se deploya en Vercel y queda navegable.
No es una herramienta de diseño visual (tipo Figma). Es un skill que opera sobre código real.
Cuándo usarlo
Cuando necesitás proponer cambios de CRO en un sitio y querés que la propuesta sea navegable, no un PDF con flechitas o slides con capturas. Especialmente útil cuando trabajás en empresa y necesitás convencer a un equipo técnico de que algo vale la pena implementar.
Cómo se usó en el build de Lupa
Duplicamos el sitio del banco. El skill analizó la estructura, identificó qué CTAs estaban mal ubicados, qué jerarquía visual no ayudaba a conversión, y generó un rediseño completo. Lo deployamos en Vercel. Lupa se fue con un link navegable para mostrarle al equipo de desarrollo interno.
Limitación
Funciona mejor cuando tenés acceso al repositorio completo del sitio. Con solo el HTML público (como en el caso de Lupa) podés generar un prototipo visual funcional, pero iterar sobre componentes específicos requiere acceso al código fuente.
Por qué es externa y no propia
Es un skill mantenido por la comunidad de Claude Code (Next Level Builder). Cuando ya hay algo bueno hecho, no se reescribe — se usa. Parte del manifesto de Mate & Build: replicable significa también reusar lo que la comunidad ya construyó.
Repo
github.com/nextlevelbuilder/ui-ux-pro-max-skill