impeccabledi Paul Bakaus

Impeccable Skill.

Uno skill Claude Code e Codex per design review: un unico skill per progettare, criticare, verificare, rifinire, animare e perfezionare interfacce.

Design Review & Accessibility
Codice UI

Scarica OpenDesign Guida all'uso

pbakaus/impeccable · plugin/skills/impeccable/SKILL.mdSKILL.md

--- name: impeccable description: Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, … --- ## Setup ## How to design ## Modes ## Commands

Metadati iniziali e intestazioni di sezione letti dal file upstream il 14/09/2026 · 11.912 caratteri in totale

01 Cosa fa

Cosa fa lo skill impeccable in Claude Code e Codex

Sintesi, workflow e output, tutto letto dal SKILL.md della skill.

Dal SKILL.mdLetto il 14-09-2026 · non è un'esecuzione registrata

Nelle parole della skill

Impeccable trasforma le interfacce frontend attraverso design, critica, audit, perfezionamento, animazione e rifinitura. Copre siti web, landing page, dashboard, UI di prodotto, componenti, form, impostazioni, onboarding e stati vuoti—gestendo revisione UX, gerarchia visiva, accessibilità, performance, comportamento responsive, theming, tipografia, spaziatura, layout, colore, movimento, micro-interazioni e design system.

Lo skill offre una qualità fuori dagli schemi grazie a codice di livello produzione, massima creatività, un punto di vista chiaro e una maestria eccezionale. Organizza il lavoro attorno a quattro modalità—Persuade, Operate, Read, Experience—e oltre venti comandi specializzati. Ogni sessione carica il contesto di prodotto, l'universo visivo e i brief di superficie tramite uno script di avvio, poi segue playbook specifici per comando e una soglia minima di qualità artigianale.

Che cosa produce

PRODUCT.md che raccoglie il contesto di prodotto duraturo tramite il comando init
DESIGN.md generato dal codice esistente del progetto tramite il comando document
Token e componenti riutilizzabili estratti nel design system tramite il comando extract
Codice UI di livello produzione con deliverable completi, massima creatività e maestria eccezionale

Vedi l'esempio di prompt ↗

Come funziona

01
Caricare il Contesto della Sessione una Sola Volta
Esegui lo script impeccable con l'argomento context una volta per sessione dalla directory dello skill.
02
Carica il Playbook della Richiesta
Per sotto-comandi espliciti o impliciti, carica il riferimento della tabella Commands; per nuove superfici o mondi visivi di sostituzione, carica new-work.md.
03
Leggi Craft Floor Prima di Modificare
Dopo aver risolto analisi e direzione, leggi craft-floor.md immediatamente prima di qualsiasi modifica UI, incluse piccole rifiniture.
04
Scegli la Modalità in Base al Tipo di Superficie
Seleziona Persuade per landing page e marketing dove i visitatori decidono e agiscono. Scegli Operate per UI di app e dashboard dove i visitatori completano attività.
05
Verifica in Passaggi Limitati
Costruisci completamente, ispeziona una sola volta con un round raggruppato che copre desktop e mobile insieme sul web o le classi di dispositivi rilasciate su nativo.

02 Trova la tua applicazione

Quando usare la skill impeccable

Usa la skill impeccable in Claude Code o Codex quando il lavoro è design review di questo tipo. Ambito e limiti qui sotto sono tratti dal file della skill stessa.

Buona applicazione

L'utente vuole progettare, riprogettare, modellare, criticare, verificare, perfezionare, chiarire, distillare, irrobustire, ottimizzare, adattare, animare, colorare, estrarre o altrimenti migliorare un'interfaccia frontend
Design piatti che devono diventare più audaci o più piacevoli
Design eccessivi che dovrebbero diventare più sobri
Iterazione dal vivo nel browser su elementi UI
Effetti visivi ambiziosi che dovrebbero risultare tecnicamente straordinari

Conosci i limiti

Attività solo backend

Cosa fornire

File o route di destinazionePassa un file sorgente o una route specifica usando il flag --target con un argomento di percorso quando esegui lo script di context.
PRODUCT.mdFile di contesto prodotto duraturo caricato dal launcher. Quando il launcher fallisce, leggi direttamente il file esistente senza inventare contesto mancante.
Golden di regressione visiva o fixture di screenshotQuando l'app non può essere eseguita, parti dai golden di regressione visiva o dalle fixture di screenshot già committati.

03 Dentro la skill

Regole che lo Skill impeccable Fornisce a Claude Code e Codex

6 istruzioni concrete, valori predefiniti e limiti che SKILL.md imposta per l'agente — la parte del file che cambia il risultato.

Il Brief Vince
Rispetta estetiche, epoche, materiali, font e palette fissati anche quando entrano in conflitto con un avviso di pattern saturato. Reindirizzare un brief chiaro verso il proprio gusto è un fallimento.
Il Refinement Preserva; il Redesign Sostituisce
Il refinement mantiene l'identità esistente, il comportamento, i testi e tutto ciò che è fuori ambito.
L'Autorità Visiva È Evidenza, Non un Nome di File
La sola assenza di DESIGN.md non rende un progetto greenfield. Il playbook per i nuovi lavori decide se preservare, espandere o sostituire il mondo esistente in base a prove visive.
Verificare in Cicli Limitati, Non in un Loop
Il limite copre l'intero ciclo: screenshot, scansioni dei defect, micro-modifiche e ricostruzioni.
Mai Riparare il Drift come Effetto Collaterale
Una direttiva CONTEXT_STALE viene segnalata, non eseguita, a meno che l'utente non lo richieda esplicitamente. La sola eccezione sono i risultati contrassegnati come auto, che la scrittura successiva su quel file esegue comunque.
Il Fallimento del Launcher Non Blocca il Lavoro
In caso di rifiuto o fallimento dello script, invii un messaggio separato, poi legga direttamente PRODUCT.md e DESIGN.md esistenti senza inventare contesto mancante.

04 Mettila al lavoro

Installa impeccable in Claude Code o Codex

Un comando npx skills add, poi un primo task nel tuo agente e una checklist per il risultato.

Aggiungi impeccable a Claude Code, Codex o al tuo Agent

Eseguitelo nel Suo progetto; l'installer chiede a quale agente aggiungerlo.

Terminal

npx skills add https://github.com/pbakaus/impeccable --skill impeccable

Forma generica della CLI skills per plugin/skills/impeccable/SKILL.md; il repository potrebbe documentare un proprio percorso.

Assegna alla skill un primo task di revisione del design

Redatto nei termini propri della skill; sostituisca le parti tra parentesi con il suo materiale.

Starter prompt

Audit [src/components/SettingsPanel.tsx] for accessibility and responsive behavior, then polish the form layout and typeset the section headings to improve visual hierarchy. The panel should feel confident but scannable for users managing account preferences.

Fonte: redatto a partire dal SKILL.md, nei termini propri della skill.

Verifica il primo risultato

Ciò che il SKILL.md stesso indica come risultato corretto:

Confermare con al massimo un altro round, poi interrompere il perfezionamento
Eseguire scansioni dei defect come parte del ciclo di verifica limitato
Verificare target e aggiornamento rispetto a token, CSS, componenti o asset correnti
Confrontare le acquisizioni di tema e variante quando si lavora con sistemi di theming

In OpenDesign impeccable è incluso: Plugins → Skills, lo selezioni nella barra superiore.

Scarica OpenDesign Leggi il quickstart

05 Open source, tracciabile

Sorgente, licenza e verifica

Da dove provengono i dati di questa pagina e quando sono stati verificati l'ultima volta.

Author: Paul Bakaus
Repository: github.com/pbakaus/impeccable Branch main
File della skill: plugin/skills/impeccable/SKILL.md Checksum del contenuto registrato alla verifica; commit cb56ed6
License: Apache-2.0 Da LICENSE; SKILL.md indica "Apache 2.0".
Stelle del repository: 67.876 Snapshot GitHub del 14 settembre 2026 per l'intero repository pbakaus/impeccable. Non è una valutazione o un conteggio di utilizzo per impeccable.
Verificato da OpenDesign: 14 settembre 2026 Il file sorgente, il percorso, il testo della licenza e il conteggio delle stelle sono stati verificati. Incluso nella build principale di OpenDesign (verificato il 28 agosto 2026); non è stata registrata un'esecuzione live su questa pagina.

All'interno di SKILL.md

ConfigurazioneEseguire lo script di contesto una volta per sessione, caricare il playbook, leggere il craft floor prima di modificare
Come progettareIl brief prevale, il refinement preserva l'identità mentre il redesign la sostituisce, l'autorità visiva è prova, non nome del file
ModalitàPersuade per le landing page, Operate per le dashboard, Read per la documentazione, Experience per i portfolio
ComandiOltre venti comandi organizzati nelle categorie Build, Evaluate, Refine, Enhance, Fix e Iterate con file di riferimento

Descrizione della skill

Usa quando l'utente vuole progettare, riprogettare, modellare, criticare, verificare, rifinire, chiarire, distillare, consolidare, ottimizzare, adattare, animare, colorare, estrarre o comunque migliorare un'interfaccia frontend. Copre siti web, landing page, dashboard, UI di prodotto, app shell, componenti, form, impostazioni, onboarding e stati vuoti. Gestisce revisione UX, gerarchia visiva, architettura dell'informazione, carico cognitivo, accessibilità, performance, comportamento responsive, tematizzazione, anti-pattern, tipografia, font, spaziatura, layout, allineamento, colore, motion, micro-interazioni, copy UX, stati di errore, casi limite, i18n e design system o token riutilizzabili. Usa anche per design neutri che devono diventare più audaci o piacevoli, design eccessivi che dovrebbero diventare più sobri, iterazione live nel browser su elementi UI, o effetti visivi ambiziosi che dovrebbero risultare tecnicamente straordinari. Non per task solo backend o non UI.

Descrizione del front-matter da SKILL.md. Il file completo è di circa 11.912 caratteri. Leggi il file completo su GitHub.

06 Prima di installare

Domande sullo Skill impeccable

Le risposte provengono dal SKILL.md letto il 2026-09-14, non da un'esecuzione registrata.

Quale comando devo usare per la mia richiesta?

Se non viene fornito alcun argomento, legga routing.md e presenti il suo menu contestuale; non esegua mai automaticamente un comando. Per richieste esplicite o chiaramente implicite, carichi il riferimento alla tabella dei Comandi.

Per domande su workflow o selezione dei comandi, legga la sezione Workflow questions in routing.md. Altrimenti tratti la richiesta come lavoro di design generale.

Impeccable

Esegui impeccable su un'attività reale di design review.

Lo skill impeccable è incluso in OpenDesign. Scarica l'app, seleziona lo skill in Plugins → Skills, incolla il prompt sopra e leggi il piano prima del risultato.

Scarica OpenDesign Esplora tutte le skill

Terminale

npx skills add https://github.com/pbakaus/impeccable --skill impeccable