Taste icon

Taste

Taste è uno skill di Claude Code che legge il design di un sito da un URL e lo trasforma in token di design con spiegazioni. Esporta file Markdown e JSON per agenti AI e strumenti developer.

Taste

Panoramica

Taste è uno skill di Claude Code per leggere il design taste di un sito web da un URL. Trasforma una pagina in contesto di design che un agente AI può usare, combinando i token estratti con il ragionamento dietro le decisioni visive.

Secondo la homepage, ogni esecuzione analizza un sito in quattro passaggi: misurazioni, pattern, inferenza del taste e revisione da osservatore. Il risultato è un brief compatto con un set completo di token e un insieme di principi di taste che spiegano cosa il design sceglie e a cosa rinuncia.

Funzionalità

Pipeline di analisi in quattro fasi

Elabora un URL tramite quattro ruoli agentici, così la stessa pagina viene esaminata dalle prospettive di misurazione, pattern, taste e revisione editoriale.

Estrazione dei token di design

Raccoglie valori di design esatti dalla pagina, inclusi colori, spaziature, raggi, ombre, tipografia e altre misurazioni citate in pixel, valori esadecimali e rapporti.

Output di ragionamento sul taste

Ricava 4 principi di taste che spiegano la logica del design dietro le scelte, inclusi innesco, decisione, motivo, evidenza e compromesso.

Controllo qualità e validazione

Esegue un controllo di qualità anti-slop che valida il JSON prima di scrivere i file finali.

Output a doppio file

Scrive due file di output per ogni esecuzione: un riepilogo `.md` e un file `.json` denominato in base al dominio analizzato.

Casi d'uso

  • Reverse engineering del design di un sito

    Usa Taste quando vuoi ispezionare un sito esistente ed estrarre i token di design e il ragionamento che sembrano definire il suo sistema visivo.

  • Alimentare un agente AI con contesto di design

    Usalo quando ti serve un contesto di design strutturato che un agente di coding AI possa trasformare in decisioni di implementazione o file di regole.

  • Generare artefatti di design riutilizzabili

    Usalo per produrre un brief e un file JSON leggibile dalla macchina per un dominio specifico, poi riutilizza quell'output in esecuzioni o strumenti successivi.

  • Standardizzare l'analisi tra siti

    Usalo quando confronti più siti web e vuoi categorie di misurazione coerenti e un'analisi basata sui principi invece di note soggettive.

Pros and Cons

Pros

  • Usa un flusso di lavoro strutturato in più passaggi invece di un semplice riepilogo a passaggio singolo.
  • Cattura misurazioni concrete di design con valori esatti invece che approssimati.
  • Abbina i token grezzi alla spiegazione, il che può aiutare un agente AI a riprodurre l'intento del design.
  • Fornisce output sia in Markdown sia in JSON per l'uso a valle negli strumenti.
  • Include un controllo di qualità per filtrare output non validi o di bassa qualità.

Cons

  • La pagina dei prezzi non è disponibile nelle evidenze raccolte, quindi prezzi e struttura dei piani non sono confermati.
  • Il sito documenta esplicitamente la configurazione solo per Claude Code e Gemini CLI, anche se menziona diversi altri target di strumenti.

FAQ

Quali piattaforme supporta Taste?

Sembra essere uno skill di Claude Code che può essere usato anche con Gemini CLI. La homepage elenca anche i percorsi di output per Cursor, Windsurf, GitHub Copilot, Bolt, Antigravity, v0 by Vercel, Figma e Lovable, ma il sito mostra esempi di configurazione espliciti solo per Claude Code e Gemini CLI.

Com'è fatto l'output?

La homepage descrive un flusso di lavoro in quattro fasi: estrarre le misurazioni da una pagina web, rilevare i pattern, inferire il taste e eseguire un passaggio di osservazione che filtra il risultato. Il prodotto finale è un file `.md` e un file `.json` per il dominio analizzato.

Come si usa?

La homepage mostra una configurazione in tre passaggi per Claude Code o Gemini CLI: clonare lo skill nella directory degli skill pertinente, installare Playwright MCP, quindi riavviare il CLI ed eseguire `/taste` su un URL.

A chi è rivolto?

Il sito dice che lo skill può leggere il design taste di qualsiasi sito e produrre contesto di design da un URL. È pensato per agenti AI e sviluppatori che vogliono token di design e spiegazioni strutturati da un sito esistente.

Il prezzo è disponibile?

La pagina dei prezzi su `/pricing` restituisce attualmente un 404, quindi il sito non fornisce un modello di prezzo pubblicato nelle evidenze raccolte.

Quick Facts

Categoria
Strumento per sviluppatori
Formato principale
Skill di Claude Code
Esempi di CLI supportate
Claude Code, Gemini CLI
Dominio sorgente
tastelab.xyz
File di output
.md e .json
Prezzo
Non pubblicato nelle evidenze raccolte