Taste Lab
Taste Lab (/taste) trasforma qualsiasi URL di sito web in un brief di "gusto di design" completo e basato su prove, estraendo misurazioni precise dell'interfaccia utente, modelli di sistema e un conciso Taste DNA che i tuoi agenti AI possono seguire.
https://tastelab.xyz/?ref=producthunt&utm_source=aipure
Informazioni sul Prodotto
Aggiornato:Jun 16, 2026
Cos'è Taste Lab
Taste Lab è uno strumento di analisi del design che decodifica il "gusto" visivo di qualsiasi sito web e lo converte in un contesto di design utilizzabile per agenti e costruttori AI. Analizzando un URL di destinazione, produce un output strutturato che include una Design Map completa (token di design come colori, tipografia, spaziatura, raggio e ombre) e un Taste DNA (il ragionamento e i compromessi dietro le decisioni di design). L'obiettivo è aiutare i team e gli strumenti AI a riprodurre l'intento di design di un sito con chiarezza, basandosi su misurazioni oggettive piuttosto che su vaghi aggettivi di stile.
Caratteristiche principali di Taste Lab
Taste Lab (tastelab.xyz) è uno strumento/abilità di analisi del design che trasforma qualsiasi URL di sito web in un "contesto di design" completo per gli agenti AI. Utilizza una pipeline multi-agente per estrarre misurazioni precise dell'interfaccia utente (token come colori, tipografia, spaziatura, raggio, ombre), rilevare regole di design a livello di sistema e inferire il sottostante "DNA del Gusto" (principi con trigger, decisioni, prove e compromessi). Gli output sono prodotti sia in Markdown che in JSON e possono essere integrati nei popolari flussi di lavoro di codifica/design AI (ad esempio, Cursor, Windsurf, Claude Code, Copilot) in modo che gli agenti possano costruire un'interfaccia utente coerente che corrisponda al gusto di design di un sito di riferimento.
Estrazione del contesto da URL a design: Inserisci un URL di un sito web e genera una mappa di design strutturata che cattura token UI oggettivi come colori esadecimali, dimensioni/pesi dei caratteri, unità di spaziatura, raggi e ombre.
Misurazioni ad alta precisione (nessuna approssimazione): Cita px/hex/rapporti esatti in circa 20 categorie di misurazione, producendo un set di token che può essere riutilizzato come base per un sistema di design.
Rilevamento di pattern in regole di sistema: Deriva 5-8 regole sistematiche dalle misurazioni estratte, ognuna con prove e un obiettivo di design articolato (il motivo per cui la regola esiste).
Principi del DNA del Gusto con compromessi: Genera quattro "principi di gusto" (incluso almeno un principio di restrizione) che spiegano il ragionamento alla base delle scelte di design chiave, supportati da prove e compromessi espliciti.
Doppi output: Markdown + JSON: Scrive un brief leggibile dall'uomo (.md) e un file consumabile dalla macchina (.json) in modo che i team possano rivedere le decisioni e gli strumenti possano acquisire i token in modo affidabile.
Integrazioni del flusso di lavoro per strumenti AI: Esporta in posizioni di istruzioni specifiche dello strumento (ad esempio, regole di Cursor, regole di Windsurf, CLAUDE.md, istruzioni di Copilot) in modo che un agente AI possa applicare il gusto estratto nelle esecuzioni successive.
Casi d'uso di Taste Lab
Clonazione del design per la prototipazione rapida: I team di prodotto possono inserire l'URL di un concorrente o di un'ispirazione per generare un set di token e principi che accelerano la creazione di un'interfaccia utente con una sensazione simile senza auditing manuale.
Implementazione dell'interfaccia utente guidata da agenti nel codice: Gli sviluppatori che utilizzano assistenti di codifica AI possono allegare l'output di Taste Lab in modo che l'agente generi componenti/pagine che aderiscono a decisioni coerenti di spaziatura, tipografia e colore.
Avvio del sistema di design per le startup: I team in fase iniziale possono creare un sistema di design iniziale da un sito di riferimento di alta qualità, producendo token e regole riutilizzabili per mantenere il prodotto coerente man mano che si espande.
Audit di coerenza del marchio/design: I responsabili del design possono confrontare gli output tra più pagine o proprietà per rilevare deviazioni nei token e nelle regole, quindi standardizzare un singolo set di principi.
Brief di "gusto" riutilizzabili per le agenzie: Le agenzie possono fornire un brief di design conciso e basato su prove (token + principi + compromessi) per allineare gli stakeholder e ridurre i "botta e risposta" durante il passaggio di consegne.
Vantaggi
Produce token di design precisi e basati su prove (px/hex/rapporti) adatti per il riutilizzo programmatico.
Cattura non solo ciò che è l'interfaccia utente, ma perché è così (principi + compromessi), migliorando l'affidabilità dell'agente e l'allineamento del team.
Output in formati sia leggibili dall'uomo che dalla macchina e si collega a più catene di strumenti AI.
Svantaggi
Focalizzato sull'estrazione e la codifica del gusto di design esistente; potrebbe essere meno utile per generare direzioni visive completamente nuove da zero.
I migliori risultati dipendono dall'accessibilità/struttura della pagina web di destinazione e dalla fedeltà dell'estrazione automatizzata (ad esempio, stili dinamici o interfacce utente "canvas-heavy" possono essere più difficili da analizzare).
Come usare Taste Lab
1) Installa i prerequisiti: Prepara un ambiente CLI (Claude Code o Gemini CLI). Avrai anche bisogno di Playwright MCP disponibile (scarica un runtime Chromium di circa 100 MB).
2) Clona la skill Taste nella directory delle skill del tuo agente: Clona il repository nella cartella corretta per il tuo strumento: Claude Code: `git clone https://github.com/senlindesign/taste-skill ~/.claude/skills/taste` o Gemini CLI: `git clone https://github.com/senlindesign/taste-skill ~/.gemini/skills/taste`.
3) Aggiungi il server Playwright MCP (configurazione una tantum): Claude Code: esegui `claude mcp add playwright -s user -- npx -y @playwright/mcp@latest --isolated`. Gemini CLI: aggiungi Playwright MCP a `~/.gemini/settings.json` come: `{ "mcpServers": { "playwright": { "command": "npx", "args": ["-y", "@playwright/mcp@latest", "--isolated"] } } }`.
4) Riavvia il tuo strumento agente: Riavvia Claude Code o Gemini CLI in modo che carichi la nuova skill e la configurazione del server MCP.
5) Esegui Taste Lab su un URL di un sito web: Esegui il comando `/taste <url>` (esempio: `/taste https://linear.app`). Taste esegue una pipeline a 4 agenti: Estrai Misurazioni → Rileva Modelli → Inferisci Gusto → Osservatore (editor finale/gate di qualità).
6) Rivedi gli output generati: Ogni esecuzione produce due file: `{domain}.md` e `{domain}.json`. Contengono (1) una Design Map (token come colori, tipografia, spaziatura, raggio, ombre con valori esatti) e (2) Taste DNA (4 principi con Trigger, Decisione, Ragione, Evidenza, Compromesso; include almeno un principio di Restrizione).
7) Usa l'output per guidare il tuo strumento AI: Applica il contesto di gusto generato inserendolo/aggiungendolo nel file di integrazione letto dal tuo strumento, ad esempio Cursor: `.cursor/rules/{domain}-taste.mdc`, Windsurf: `.windsurf/rules/{domain}-taste.md`, Claude Code: `CLAUDE.md` (aggiungi una sezione Design Taste), GitHub Copilot: `.github/copilot-instructions.md`, Bolt: `.bolt/prompt`, Gemini: `GEMINI.md`.
8) Riesegui il tuo agente con il contesto di gusto abilitato: Una volta che il file di gusto si trova nella posizione delle istruzioni/regole del tuo strumento, esegui di nuovo le tue normali attività di costruzione/design; l'agente dovrebbe acquisire i token di design e i principi del Taste DNA alla prossima esecuzione.
FAQ di Taste Lab
Taste Lab è uno strumento/abilità che "decodifica" il "gusto di design" di un sito web. Il suo comando /taste trasforma qualsiasi URL in un contesto di design completo per un agente AI, inclusa una Mappa di Design (token di design) e un DNA del Gusto (principi e ragionamenti).
Video di Taste Lab
Articoli Popolari
Atoms: Una Piattaforma AI Multi-Agente Che Trasforma le Idee in Prodotti Pronti al Lancio
May 22, 2026
Nano Banana SBTI: Cos'è, come funziona e come usarlo nel 2026
Apr 15, 2026
Recensione di Atoms — Il builder di prodotti AI che ridefinisce la creazione digitale nel 2026
Apr 10, 2026
Kilo Claw: Come Distribuire e Utilizzare un Vero Agente AI "Fai-da-Te" (Aggiornamento 2026)
Apr 3, 2026
Ultimi Strumenti AI Simili a Taste Lab
Personalized License Plate Generator
Uno strumento alimentato da AI che genera design di targhe uniche e personalizzate basate sull'input dell'utente.
Keak
Keak è uno strumento di test A/B alimentato dall'IA che genera automaticamente variazioni del sito web, avvia test e ottimizza le conversioni.
Makeasite
Makeasite è un innovativo costruttore di siti web che consente agli utenti di creare e condividere siti web rapidamente utilizzando solo prompt.
Adviseful
Adviseful è uno strumento alimentato dall'IA che accelera la pianificazione di app web e mobili per consulenze IT e agenzie digitali, trasformando idee in contatti qualificati in pochi minuti.
Strumenti AI Popolari Come Taste Lab
GPT Engineer
GPT Engineer è uno strumento di sviluppo software alimentato dall'IA che consente a chiunque di costruire applicazioni web chiacchierando con un ingegnere IA.
Framer
Framer è un potente costruttore web che consente ai designer di creare siti web straordinari e reattivi con un'interfaccia intuitiva e pubblicarli istantaneamente senza codifica.
Framer Workshop
Framer Workshop è un generatore di componenti basato sull'intelligenza artificiale integrato in Framer che consente a designer e sviluppatori di creare componenti di siti web avanzati e personalizzabili senza scrivere codice tramite semplici prompt conversazionali.
Wireframer
Wireframer è uno strumento basato sull'intelligenza artificiale di Framer che genera rapidamente layout e wireframe di pagine web puliti e reattivi da semplici prompt, aiutando i progettisti a creare progetti strutturali senza rimanere bloccati in stili visivi specifici.