Nelle parole della skill
design-critique esegue una revisione condivisa del design per chiunque disponga di un URL Figma, uno screenshot o una descrizione scritta, in qualsiasi fase, dall'esplorazione alla rifinitura finale. Funziona attraverso un framework in cinque parti: prima impressione, usabilità, gerarchia visiva, coerenza e accessibilità. Le regole di feedback spingono l'agente oltre le critiche vaghe: nominare l'elemento in conflitto, spiegarne il motivo rispetto ai principi di design o alle esigenze degli utenti, proporre un'alternativa e riconoscere ciò che funziona.
L'output è una critica in markdown con un'impressione generale, una tabella di usabilità con livelli di gravità (Critico, Moderato, Minore), una tabella di coerenza, note sull'accessibilità, un elenco Cosa Funziona Bene e tre raccomandazioni prioritarie. Quando è presente uno strumento di design o un connettore per il feedback degli utenti, ispeziona componenti e token oppure incrocia i dati con i ticket di supporto.
Che cosa produce
- Una tabella di usabilità che elenca ogni riscontro con un livello di gravità e una correzione consigliata.
- Una tabella di coerenza per tipografia, spaziatura e deviazioni cromatiche rispetto al design system.
- Un elenco conclusivo di raccomandazioni prioritarie ordinate per impatto.
Come funziona
- 01Porta il Design Davanti a Sé
Un URL di Figma viene recuperato da Figma e un file referenziato viene letto; se nessuno dei due esiste, l'agente chiede all'utente di descrivere o condividere il design.
- 02Inizia dall'Impressione di Due Secondi
Prima di qualsiasi analisi, registra ciò che attira l'occhio per primo, se questo è corretto, la reazione emotiva e se lo scopo è immediatamente chiaro.
- 03Percorri le Cinque Dimensioni in Ordine
Usabilità, gerarchia visiva, coerenza e accessibilità ricevono ciascuna il proprio set di prompt, dall'ordine di lettura e gli spazi bianchi ai rapporti di contrasto e alle aree touch.
- 04Scrivi Feedback in Base alle Regole di Stile Dichiarate
I risultati devono essere specifici, spiegati, accompagnati da un'alternativa proposta e bilanciati con ciò che già funziona.
- 05Compila il Modello di Output in Markdown
La struttura fissa è impressione generale, tabella di usabilità con livelli di gravità, note sulla gerarchia, tabella di coerenza, accessibilità, cosa funziona bene e raccomandazioni prioritarie ordinate.