UX Pilot

Designer UX conversazionale più uno scanner di codice che segnala reali lacune di a11y

Richiede configurazione ★ 7.2/10

Cosa fa

Un workflow UX in quattro fasi — domande di scoperta, un audit del codice con risultati classificati per severità, un server di anteprima HTML live ed esportazione in React, Svelte o Vue — supportato da un repository di 161 palette, 57 abbinamenti di font, 67 stili e 31 file di regole. Si attiva quando chiedi un audit UX di una pagina esistente, vuoi progettare le schermate di un prodotto prima di scrivere codice, o vuoi versioni affiancate nominate di una schermata. Distribuito come plugin Claude Code; copiare solo la directory della skill lascia indietro le regole e il generatore di report.

Rapporto di test

Ho puntato lo scanner reale del repository su una landing page di fatturazione deliberatamente rotta e ha restituito 11 risultati corretti in un unico passaggio — meta viewport mancante segnalato come critico, due immagini senza alt, tre input solo placeholder, una larghezza hardcoded di 1100px senza media query, e una tabella dei prezzi senza wrapper responsivo. Ho verificato lo stesso file a mano senza skill e ho ottenuto 14 problemi, inclusa una fallimento del contrasto del testo del corpo di 2.9:1 e una CTA 'Submit' debole che lo scanner non cerca; il vero guadagno della skill è il packaging, poiché trasforma ogni risultato in categorie di severità e un prompt di correzione copia-incolla. L'attrito è l'installazione: copiare la directory della skill ti dà SKILL.md e nient'altro, quindi le 376 regole, 161 palette e 57 abbinamenti di font rimangono nel repository, e il passaggio MANDATORY dell'audit — chiamare generateHtmlAuditReport() — non ha una forma eseguibile, perché non c'è una dist commessa e il pacchetto ux-pilot è un 404 su npm. Usa invece il percorso del plugin documentato. Nota anche che i file delle regole e una stringa di prompt hardcoded sono in francese mentre l'intera superficie del prodotto è in inglese.

Testato il: 2026-08-07 · Claude Code 2.x (agent harness)

Installazione

git clone https://github.com/Sakaax/ux-pilot.git
mkdir -p ~/.claude/skills
cd ux-pilot && cp -r .claude/skills/ux-pilot ~/.claude/skills/ux-pilot

Comandi e prompt di esempio

/ux-pilotDesigner UX conversazionale più uno scanner di codice che segnala reali lacune di a11y

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

Run a UX audit on this landing page and flag accessibility gaps
Design the screens for this product before we write any code
Show me three named versions of this screen side by side

Rapporto completo →