En los propios términos del Skill
Un skill de divergencia para explorar una sola pieza de UI a la vez —un toast, la tarjeta de precios, un botón de mantener pulsado para eliminar—. Toma una pieza descrita, construye varias versiones genuinamente distintas de ella que divergen en un eje determinado (layout, densidad, personalidad, movimiento, modelo de interacción), y las coloca detrás de un selector visual para que el usuario pueda recorrerlas en vivo y promover una ganadora.
Solo se ejecuta cuando se invoca explícitamente, usa por defecto tres variantes, mantiene la exploración fuera del código de producción y elimina la superficie de prototipo una vez que se integra una variante.
Qué produce
- Un selector visual en vivo que contiene las variantes, para poder recorrerlas y promover una.
- Una tabla comparativa que nombra el eje de cada variante, cuándo es la elección correcta y su costo.
- Código de producción para la variante elegida, integrado en el código base con la superficie de prototipo eliminada.
- Capturas de pantalla de cada variante cuando hay herramientas de navegador disponibles.
Cómo funciona
- 01Acotar a Una Sola Pieza
Si el briefing abarca varios componentes, el skill elige la pieza de mayor impacto, indica cuál y por qué, y ofrece el resto como ejecuciones de seguimiento.
- 02Reconocer el Terreno
Mapea el framework, el sistema de estilos, la librería de movimiento, los tokens, la personalidad del producto y el contexto en el que se renderiza la pieza, para que las variantes puedan verse nativas del producto.
- 03Nombrar las Direcciones Primero
Usa por defecto tres variantes y hasta cinco cuando se solicita o cuando el espacio es genuinamente amplio; cada una recibe un nombre y un eje antes de escribir cualquier código.
- 04Construir el Arnés del Selector
En un proyecto, una ruta aislada contiene un archivo por variante más un pequeño archivo de arnés; el selector en sí se copia de PICKER.md en lugar de diseñarse.
- 05Verificar Antes de Mostrar
Se ejecuta el arnés y se recorre cada variante para comprobar la corrección de renderizado e interacción, con capturas de pantalla si existen herramientas de navegador.
- 06Promover al Ganador
Después de que el usuario elige, esa variante se integra siguiendo la estructura de archivos, el nombrado y el uso de tokens del proyecto, y se elimina la superficie de prototipo.