Le interfacce generate da un agente AI hanno un problema riconoscibile a colpo d'occhio: sembrano tutte la stessa pagina. Hero centrato, tre card sotto, gradiente viola, spaziature uguali ovunque. Taste Skill si presenta esattamente come antidoto a questo — un insieme di skill portabili che, nelle parole del progetto, migliorano «layout, tipografia, movimento e spaziatura invece delle UI dall'aria boilerplate».
Le tre manopole
L'idea centrale è sostituire le richieste vaghe con parametri numerici, da 1 a 10, che l'agente deve rispettare:
- DESIGN_VARIANCE — quanto sperimentare sul layout: 2 è una pagina sobria e prevedibile, 9 è una composizione che rompe la griglia
- MOTION_INTENSITY — profondità delle animazioni, dalla transizione appena percepibile alla scena animata
- VISUAL_DENSITY — quante informazioni per schermata: un pannello operativo e una landing page stanno agli estremi opposti
Il vantaggio pratico è che si possono ripetere: «rifallo con VARIANCE 7» è un'istruzione che produce un risultato diverso in modo controllato, mentre «rendilo più interessante» produce un altro giro di casualità.
Installazione
npx skills add https://github.com/Leonxlnx/taste-skillOppure una singola skill della raccolta:
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"Per aggiornare si rilancia lo stesso comando. Le skill sono agnostiche rispetto al framework: React, Vue, Svelte o altro.
Le varianti disponibili
| Skill | Nome di installazione | A cosa serve |
|---|---|---|
| taste-skill | design-taste-frontend | Versione 2, riscritta — il default |
| taste-skill-v1 | design-taste-frontend-v1 | Versione originale, più stabile |
| soft-skill | high-end-visual-design | Interfacce curate, registro premium |
| minimalist-skill | minimalist-ui | Impostazione editoriale, sul modello Notion/Linear |
| brutalist-skill | industrial-brutalist-ui | Linguaggio meccanico e sperimentale |
| redesign-skill | redesign-existing-projects | Rimettere mano a un progetto esistente |
| image-to-code-skill | image-to-code | Pipeline immagine → analisi → codice |
| gpt-tasteskill | gpt-taste | Versione compatta per GPT/Codex |
Come si usa davvero
Dopo l'installazione si richiama la skill nel prompt e si dichiarano i parametri, per esempio: «usa design-taste-frontend, DESIGN_VARIANCE 6, MOTION_INTENSITY 3, VISUAL_DENSITY 7; è un pannello di gestione ordini». Il file SKILL.md può anche essere copiato dentro il progetto, così le regole valgono per tutte le sessioni.
Nota dagli autori: il progetto non ha alcun token, coin o progetto crypto associato. Qualsiasi token che usi quel nome non è affiliato. Licenza MIT.
Il limite da conoscere
Taste Skill impone un gusto, non il tuo gusto. Per un prototipo o un progetto personale è esattamente quello che serve. Per un prodotto con un'identità visiva già definita il complemento naturale è un file di design di progetto — colori, tipografia, spaziature e componenti reali — come il design.md di cui parliamo in un altro articolo: le due cose si usano insieme, la skill alza il livello compositivo, il file di design tiene la coerenza col brand.