Nelle parole della skill
Una skill a comando slash per lavorare su un design system esistente in tre modalità: audit, document o extend. La modalità audit riporta la coerenza della denominazione, la copertura dei token e la completezza dei componenti, assegnando un punteggio su 100. La modalità document produce una specifica del componente con descrizione, varianti, props, stati, accessibilità e cose da fare/non fare.
La modalità extend propone un nuovo componente o pattern confrontandolo con quelli già presenti nel sistema, elencando i token che utilizzerebbe e le domande aperte che solleva. Copre design token, componenti e pattern, e può accedere a uno strumento di design o a una knowledge base quando questi sono collegati. I destinatari sono designer e sviluppatori che mantengono coerente un sistema.
Che cosa produce
- Un report di audit del design system che termina con azioni prioritarie in ordine di importanza
- Documentazione del componente con una tabella props di proprietà, tipo, valore predefinito e descrizione
- Una proposta di nuovo componente che si apre con il problema che risolve
Come funziona
- 01Scegliere la modalità dall'argomento
Il comando accetta una modalità più un target: audit per l'intero sistema, oppure eseguire document o extend su un singolo componente o pattern.
- 02Eseguire l'audit su tre assi
L'audit verifica la coerenza della denominazione, la copertura dei token conteggiata rispetto ai valori hardcoded e quanto sia completo ciascun componente, quindi indica le azioni prioritarie.
- 03Scrivere la specifica del componente
La modalità document compila un template con descrizione, varianti, props con tipi e valori predefiniti, stati, accessibilità e una tabella Cose da fare/non fare.
- 04Proporre l'estensione rispetto a ciò che esiste
La modalità extend confronta la nuova idea con i componenti correlati, quindi propone un'API, varianti, stati e i token esatti che il componente consumerebbe.
- 05Attingere dagli strumenti collegati, quando presenti
Con uno strumento di design collegato, la skill può recuperare le proprietà dei componenti e la struttura dei livelli per la documentazione, e verificare denominazione, varianti e utilizzo dei token in Figma.