Nelle parole della skill
Baseline UI è una skill di revisione che applica una baseline UI opinionata per fermare l'interfaccia "slop" generata dall'IA in una codebase. È pensata per progetti Tailwind CSS che utilizzano primitive React, e si installa come un insieme permanente di vincoli su qualsiasi lavoro UI nella conversazione, oppure come passaggio di revisione a livello di file.
Ciò che la rende specifica è il vocabolario: nomina le utility e le prop esatte da usare o evitare, da h-dvh al posto di h-screen e text-balance per le intestazioni, all'animazione solo tramite compositor limitata a 200ms e nessun valore z-index arbitrario. Usala quando l'interfaccia richiede un intervento di pulizia o rifinitura rapido.
Che cosa produce
- Una spiegazione in una frase del motivo per cui ogni violazione è importante.
- Una correzione concreta, a livello di codice, per ogni rilievo.
Come funziona
- 01Richiamarlo come Insieme di Vincoli per l'intera conversazione
Eseguire il comando senza argomenti applica ogni vincolo di questo file a tutto il lavoro UI svolto in quella conversazione, non solo a un file.
- 02Oppure Puntarlo su un Singolo File
Passare un file come target commuta la skill in modalità revisione, verificando quel file rispetto a tutti i vincoli elencati di seguito.
- 03Restituire un Report delle Violazioni in tre parti
Ogni rilievo cita lo snippet incriminato, fornisce una breve frase sul perché sia rilevante e propone una correzione a livello di codice.
- 04Analizzare i Gruppi di Vincoli in Ordine
Il file organizza le proprie regole in Stack, Components, Interaction, Animation, Typography, Layout, Performance e Design, ciascuno con elementi MUST, SHOULD e NEVER.