Impeccable: il tool gratuito che migliora il design dei siti creati con l’AI

Creare un sito web con l’intelligenza artificiale è diventato semplice. Ottenere un risultato professionale, originale e facile da usare è un’altra storia. Molti siti generati con il vibe coding finiscono per assomigliarsi: gradienti viola, pulsanti arrotondati, schede ripetitive e layout poco curati.

Impeccable nasce per risolvere questo problema. È uno strumento gratuito e open source che aiuta gli agenti AI a progettare interfacce migliori, individuare errori di design e perfezionare siti e applicazioni esistenti.

Cos’è Impeccable e come funziona?

Sviluppato da Paul Bakaus, Impeccable non è un generatore di siti indipendente come Lovable o Bolt. È una skill, cioè un insieme di istruzioni, strumenti e regole di progettazione che si integra con gli agenti AI utilizzati per scrivere codice.

Funziona con Claude Code, OpenAI Codex, Cursor, Gemini CLI, GitHub Copilot e altri ambienti compatibili.

In pratica, aggiunge competenze di UI e UX design all’agente, aiutandolo a scegliere tipografia, colori, spaziature e gerarchie visive più adatte al progetto.

Può lavorare sia su un’interfaccia esistente sia sulla progettazione di una nuova applicazione, rispettando l’identità visiva del prodotto.

24 comandi e 62 controlli automatici

Impeccable mette a disposizione 24 comandi specializzati. Tra i più interessanti:

• critique: analizza il design e individua problemi di chiarezza, gerarchia visiva e usabilità.
• polish: rifinisce l’interfaccia prima della pubblicazione.
• layout: migliora disposizione degli elementi, allineamenti e spaziature.
• typeset: ottimizza caratteri, dimensioni e leggibilità dei testi.
• distill: elimina elementi superflui e semplifica le schermate.
• audit: verifica accessibilità, prestazioni e adattamento ai diversi dispositivi.
• animate: aggiunge animazioni funzionali all’esperienza utente.

Una delle funzioni più interessanti è il sistema di rilevamento dell’AI slop, l’estetica generica tipica di molti siti generati automaticamente.

Il motore utilizza 62 controlli deterministici per individuare problemi ricorrenti, come contrasti insufficienti, elementi tagliati o soluzioni grafiche abusate. Questi controlli funzionano senza interrogare un modello AI e senza richiedere una chiave API.

Attivando gli appositi hook, le verifiche possono essere eseguite automaticamente quando l’agente modifica l’interfaccia.

Modificare il design direttamente nel browser

Con la funzione Live Mode, attualmente in beta, è possibile aprire l’applicazione nel browser, selezionare un elemento e chiedere modifiche specifiche.

Per esempio, si può selezionare la sezione dei prezzi di un SaaS e chiedere tre varianti grafiche. Impeccable permette di confrontarle e applicare quella preferita direttamente al codice del progetto.

Lo strumento può inoltre memorizzare informazioni sul prodotto in PRODUCT.md e documentare colori, componenti e regole visive in DESIGN.md. In questo modo, anche le modifiche successive possono mantenere uno stile coerente.

Come installare e utilizzare Impeccable

L’installazione tramite terminale richiede Node.js 18.19 o successivo. Dalla cartella del progetto basta eseguire:

npx impeccable install

Dopo aver selezionato l’agente AI e riavviato l’ambiente, si inizializza il progetto con:

/impeccable init

A questo punto si può richiedere una modifica, per esempio:

/impeccable polish

Oppure descrivere direttamente il risultato desiderato:

/impeccable Migliora la dashboard immobiliare. Rendi i dati più leggibili, semplifica la navigazione e mantieni i colori del brand.

In Codex, la skill viene normalmente richiamata con $impeccable anziché /impeccable.

Le istruzioni complete sono disponibili nella documentazione ufficiale.

Impeccable è davvero gratuito?

Sì. Le skill, i comandi, la CLI e il motore di rilevamento sono gratuiti e open source, distribuiti con licenza Apache 2.0. Il codice è disponibile su GitHub.

Restano eventuali costi del modello AI o dell’ambiente di sviluppo utilizzato.

Impeccable non sostituisce un designer esperto e i suoi controlli automatici non garantiscono da soli un’interfaccia di qualità. Può però essere particolarmente utile a sviluppatori, startup e appassionati di vibe coding che vogliono migliorare i propri progetti senza dover specificare manualmente ogni dettaglio grafico.

Il vantaggio è semplice: l’intelligenza artificiale non si limita a scrivere il codice di un’interfaccia, ma riceve anche indicazioni concrete su come renderla più funzionale e curata.