Nelle parole della skill
Una skill di divergenza per esplorare un singolo elemento di UI alla volta — un toast, la card dei prezzi, un pulsante hold-to-delete. Prende un elemento descritto, costruisce diverse versioni realmente differenti che divergono su un asse dato (layout, densità, personalità, motion, modello di interazione) e le mette dietro un selettore visivo così l'utente può scorrerle dal vivo e promuovere una vincitrice.
Viene eseguita solo se invocata esplicitamente, di default genera tre varianti, mantiene l'esplorazione fuori dal codice di produzione ed elimina la superficie di prototipazione una volta integrata una variante.
Che cosa produce
- Un selettore visivo dal vivo che contiene le varianti, così possono essere scorse e una promossa.
- Una tabella comparativa che indica l'asse di ciascuna variante, quando è la scelta giusta e il suo costo.
- Codice di produzione per la variante scelta, integrato nel codebase con la superficie di prototipazione eliminata.
- Screenshot di ciascuna variante quando è disponibile uno strumento browser.
Come funziona
- 01Limitare a un Solo Elemento
Se il brief copre diversi componenti, la skill seleziona l'elemento a maggiore leva, indica quale e perché, e offre il resto come esecuzioni successive.
- 02Fare Ricognizione del Terreno
Mappa framework, sistema di styling, libreria di motion, token, personalità del prodotto e il contesto in cui l'elemento viene renderizzato, così le varianti possono apparire native al prodotto.
- 03Nominare Prima le Direzioni
Di default produce tre varianti e fino a cinque su richiesta o quando lo spazio è realmente ampio; ognuna riceve un nome e un asse prima che venga scritto alcun codice.
- 04Costruire l'Harness del Selettore
In un progetto, una route isolata contiene un file per variante più un piccolo file harness; il selettore stesso viene copiato da PICKER.md piuttosto che progettato.
- 05Verificare Prima di Mostrare
L'harness viene eseguito e ogni variante viene scorsa per verificarne la correttezza di rendering e interazione, con screenshot se esiste uno strumento browser.
- 06Promuovere la Vincitrice
Dopo che l'utente ha scelto, quella variante viene integrata seguendo la struttura dei file, la nomenclatura e l'uso dei token del progetto, e la superficie di prototipazione viene rimossa.