AI Development

Taste Skill: la skill gratuita che insegna a Claude Code, Codex e Cursor a non generare landing page tutte uguali

Taste Skill è una skill open source che dà a Claude Code, Codex e Cursor regole di design contro l’AI slop: niente gradienti viola né tre card identiche.

Luca Di Domenico

Luca Di Domenico

· 4 min di lettura

In breve

Taste Skill è una skill gratuita e open source, con licenza MIT e quasi 98.000 stelle su GitHub, che dà ai coding agent come Claude Code, Codex e Cursor un manuale di design. Prima legge il brief, poi regola sperimentazione del layout, animazioni e densità grafica, e vieta i pattern tipici dell’AI slop come i gradienti viola e le tre card identiche affiancate. Si installa con un comando e serve soprattutto per landing page, portfolio e redesign di siti esistenti.

Se le pagine che costruisci con Claude Code, Codex o Cursor sembrano tutte uguali, Taste Skill è la soluzione più rapida che conosco. È una skill gratuita e open source che dà all’agente regole di design precise contro l’AI slop. La usi anche se non sei uno sviluppatore: continui a descrivere la pagina che vuoi, e l’agente segue un manuale di design.

Cos’è l’AI slop nelle landing page?

L’AI slop nelle landing page è l’insieme di scelte grafiche che fanno riconoscere al primo sguardo una pagina generata dall’AI. I segnali sono sempre gli stessi:

  • gradienti viola;
  • hero tutte centrate;
  • tre card identiche una accanto all’altra;
  • font e layout che sembrano sempre gli stessi.

Gli agenti AI tendono naturalmente a ricadere in questi pattern. Se non dai loro indicazioni, scelgono la soluzione più comune. E la soluzione più comune è quella che hanno già visto mille volte.

È lo stesso problema che ho raccontato per i contenuti AI riconoscibili su LinkedIn: quando un output sembra generato, chi lo guarda se ne accorge subito.

Cosa fa concretamente Taste Skill?

Taste Skill è un file SKILL.md di oltre mille righe (1.206 nella versione che mostro nel video), pieno di regole che l’agente deve seguire mentre costruisce la pagina. Il progetto è del developer Leonxlnx, ha licenza MIT e a ottobre 2026 conta quasi 98.000 stelle su GitHub.

La versione che mostro nel video lavora in tre passaggi:

  1. Legge il brief. Prima di generare, l’agente capisce che tipo di pagina stai costruendo, per quale pubblico e con quale stile.
  2. Regola tre parametri. Decide quanto deve essere sperimentale il layout, quante animazioni usare e quanto deve essere densa graficamente la pagina. Nel file sono tre manopole da 1 a 10: DESIGN_VARIANCE, MOTION_INTENSITY e VISUAL_DENSITY.
  3. Applica le regole anti-slop. Scoraggia i gradienti viola, vieta la fila di tre card identiche, evita la hero centrata quando il layout deve essere più sperimentale e obbliga l’agente a controllare il risultato prima di considerare il lavoro finito.

Il punto è questo: tu non devi conoscere le regole del design. Le conosce la skill, e l’agente le applica al posto tuo.

Con quali agenti funziona?

Taste Skill funziona con Claude Code, Codex, Cursor e con gli altri agenti che supportano lo standard Agent Skills. Le regole riguardano il design, non il framework: il repository indica React, Vue, Svelte e HTML semplice.

Come si installa Taste Skill?

Il modo più veloce è un comando da terminale:

npx skills add Leonxlnx/taste-skill

In Claude Code puoi anche installarla come plugin:

/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill@taste-skill

L’alternativa più semplice: aggiungi il file SKILL.md al tuo progetto e chiedi al tuo agente di seguirlo.

Cosa è cambiato da settembre?

Da quando ho registrato il video, a settembre 2026, il repository ha cambiato la skill predefinita. La versione con le tre manopole ora si chiama taste-skill-v2-experimental e resta disponibile nella cartella skills.

La nuova Taste Skill predefinita lavora in modo diverso:

  • sceglie una tra 20 direzioni di design;
  • costruisce con immagini reali da collezioni aperte, con i crediti;
  • controlla la pagina in un browser vero a tre larghezze e la boccia se trova slop;
  • rivede i propri screenshot e corregge i tre problemi principali, fino a tre giri.

Il repository stima 30-45 minuti e qualche centinaio di migliaia di token per pagina, e richiede Node 22 e Chrome, Edge o Chromium.

Per quali progetti conviene?

Taste Skill è pensata soprattutto per tre casi:

  • landing page e siti di marketing;
  • siti portfolio;
  • redesign di siti esistenti, con la variante redesign-skill che prima analizza l’interfaccia e poi corregge layout, spaziature, gerarchia e stile.

Per dashboard e schermate di un’applicazione il repository consiglia altre varianti, come minimalist-skill o soft-skill.

Se fai vibe coding e vuoi smettere di ottenere la solita interfaccia che sembra palesemente generata dall’AI, Taste Skill è la prima skill da provare. Installala sul tuo prossimo progetto e confronta la pagina con quella che avresti ottenuto senza.

Fonti

  • Leonxlnx/taste-skill — GitHub — Repository consultato il 16 ottobre 2026: licenza MIT, circa 97.900 stelle (quasi 98.000), comandi di installazione (npx skills add e plugin di Claude Code), compatibilità con Claude Code, Codex, Cursor e agenti Agent Skills, nuova skill predefinita in sei passaggi che sceglie una tra 20 direzioni di design e richiede Node 22, con controllo nel browser a tre larghezze, stima di 30-45 minuti e qualche centinaio di migliaia di token, varianti redesign-skill, minimalist-skill e soft-skill
  • taste-skill-v2-experimental/SKILL.md — Leonxlnx/taste-skill — File consultato il 16 ottobre 2026, già skill predefinita a settembre: lettura del brief prima di generare, manopole DESIGN_VARIANCE, MOTION_INTENSITY e VISUAL_DENSITY da 1 a 10, divieto dei gradienti viola e delle tre card identiche affiancate, regola contro la hero centrata, controllo finale obbligatorio prima di consegnare il codice

Vuoi capire cosa significa per il tuo prodotto?

Se stai costruendo software con l'AI e vuoi un confronto su come stai lavorando, raccontami il tuo progetto.

Raccontami il tuo progetto
Vibe codingClaude CodeAgenti AISviluppo con AI
Taste Skill: togliere l’AI slop dalle landing page | Luca Di Domenico