Taste Lab

O que é o Taste Lab?

O Taste Lab é uma ferramenta de análise de design que faz engenharia reversa do DNA visual de qualquer site. Aponte-a para uma URL e ela retorna uma análise completa do design — cores, tipografia, espaçamento, sombras e o raciocínio por trás de cada decisão. O resultado é gerado em dois arquivos: um mapa de design em .md e um conjunto de tokens em .json, prontos para serem usados em qualquer ferramenta de construção baseada em IA.

Para quem é

• Engenheiros de design que precisam de um conjunto de tokens preciso e reutilizável de um concorrente ou site de inspiração, sem precisar de inspeção manual.
• Criadores de agentes de IA que desejam injetar contexto real de design em suas ferramentas — cores, regras de espaçamento e lógica de trade-offs — sem adivinhar.
• Designers de produto que querem entender por que um site tem a aparência que tem, não apenas quais valores hexadecimais ele usa.

Principais recursos

Pipeline de extração com quatro agentes

O Taste Lab executa quatro agentes de IA especializados em sequência. O primeiro extrai medições brutas (cada cor, peso, valor de espaçamento, raio e sombra). O segundo detecta regras sistemáticas a partir dessas medições. O terceiro infere o gosto do designer — os trade-offs deliberados por trás de cada escolha. O quarto atua como um filtro de qualidade, eliminando raciocínios imprecisos e validando o resultado antes de escrever os arquivos finais.

Saída do Mapa de Design e DNA do Gosto

Cada execução produz um Mapa de Design — um conjunto completo de tokens cobrindo 20 categorias de medição — e uma seção DNA do Gosto com quatro princípios. Cada princípio inclui o Gatilho, Decisão, Motivo, Evidência e Trade-off por trás de uma escolha de design. Pelo menos um princípio é uma Restrição, explicando o que o designer escolheu não fazer.

Citações exatas de pixels e hexadecimais

Sem aproximações. O resultado cita valores exatos de px, hex, proporção e DOM para cada medição. Por exemplo, um fundo de página pode ser #08090A (quase preto, não preto puro), com um texto primário de #F7F8F8 (quase branco, frio). O espaçamento é referenciado a uma unidade base (por exemplo, 8px), e cada sombra inclui seus valores completos de rgba e deslocamento.