
Taste Lab
Taste Lab · Imagem
O Taste Lab é um analisador de design com IA que lê a URL de qualquer site como um designer sênior faria, e então entrega às suas ferramentas de código com IA um briefing curto com o qual elas realmente conseguem construir. Ele extrai medidas exatas de uma página, destila tudo em regras de nível de sistema que chama de DNA de design, e salva o resultado em um arquivo Markdown mais um conjunto de tokens em JSON. Essa é toda a proposta. Se você já pediu a uma ferramenta de IA para copiar a aparência de um site e recebeu de volta um degradê genérico e bagunçado, isso aqui foi feito para ser o dado que faltava.

Sobre Taste Lab
O que é o Taste Lab
O Taste Lab resolve um problema específico e irritante. As ferramentas de código com IA conseguem escrever o código de uma página, mas não sabem por que um design tem a aparência que tem, então recorrem ao estilo genérico com o qual foram treinadas. O Taste Lab preenche essa lacuna ao transformar um site ao vivo em um contexto de design estruturado.
Ele funciona em quatro etapas, cada uma conduzida por um papel separado. Uma passagem extrai medidas precisas. Outra detecta regras que se repetem entre esses números. Uma terceira infere os trade-offs deliberados que um designer fez, e uma passagem final filtra tudo o que é fraco antes de os arquivos serem escritos. O resultado não é um moodboard vago. Cada cor, peso e valor de espaçamento vem com um código hex exato, um valor em pixels ou uma proporção. A análise de design de site raramente chega a esse nível de detalhe.
A maior limitação é o escopo. O Taste Lab analisa páginas existentes, então não consegue inventar um design do zero nem consertar um layout quebrado para você. Ele também depende da qualidade da página que você fornece. Uma página de origem bagunçada produz um briefing bagunçado. Trate-o como uma etapa de pesquisa que alimenta o seu agente, não como um substituto do julgamento de design.
Como começar
- Acesse tastelab.xyz e cole a URL do site cujo design você quer engenharia reversa.
- Deixe os quatro agentes rodarem suas passagens de extração, detecção de padrões, inferência de gosto e revisão final.
- Baixe os dois arquivos gerados, um briefing em Markdown e um conjunto de tokens em JSON, quando a execução terminar.
- Coloque esses arquivos na sua ferramenta de código com IA como contexto, para que ela construa sobre medidas reais em vez de adivinhar.
- Rode a análise de novo sempre que o site de origem mudar o design e você precisar do briefing atualizado.
Informações do produto
Uma visão rápida dos preços, das plataformas compatíveis e do desempenho de Taste Lab.
Ideal para
Os usuários, tarefas e cenários em que esta ferramenta se encaixa melhor.
Usuários
- Desenvolvedores front-end
- Designers de produto
- Fundadores solo
Tarefas
- Fazer engenharia reversa do sistema de design de um concorrente
- Alimentar com contexto de design um construtor com IA
- Documentar um site existente
Cenários
- Você está reconstruindo uma landing page com um agente de IA e os primeiros rascunhos não se parecem em nada com a referência.
- Você quer entender por que uma página bem desenhada parece calma e deliberada, em vez de apenas copiar as capturas de tela dela.
- Você está comparando as decisões de design de vários sites lado a lado para orientar a sua própria direção.
Principais recursos
Pipeline de URL para briefing
Então o que ele devolve na prática? Um briefing de design completo. O pipeline roda quatro agentes em sequência, cada um lendo a mesma página por uma lente mais afiada até que o que sobra é um arquivo com o qual uma ferramenta de IA consegue construir. Você não configura nada além da URL, o que mantém o fluxo curto. Essa simplicidade é o ponto.
Extração de medidas exatas
A primeira passagem tira valores precisos e objetivos da página em um conjunto amplo de categorias. As cores chegam como códigos hex, o espaçamento e os tamanhos chegam como valores em pixels, e a tipografia chega com números de peso e tracking. Nada é aproximado. Isso importa. As ferramentas de IA tendem a escorregar para números redondos quando você as deixa adivinhar, e esse desvio se acumula ao longo de todo um layout.
Detecção de regras em nível de sistema
Em vez de despejar números crus, o Taste Lab detecta as regras que se repetem por trás deles. Uma dúzia de valores de espaçamento parecidos se colapsa em uma unidade-base com uma escala. Cada regra vem com uma linha de evidência e um objetivo de design curto que explica por que ela existe. Você vê a lógica, não só os dados.
Princípios do DNA de gosto
A parte mais útil é a camada de raciocínio. O Taste Lab escreve um punhado de princípios, cada um cobrindo uma decisão de design, o que a disparou, por que foi tomada e a que renunciou. Incluir pelo menos um princípio de contenção é intencional. O bom design muitas vezes tem a ver com o que um designer se recusou a acrescentar, e isso fica registrado aqui. É a parte que quase todas as ferramentas pulam.
Saída dupla em Markdown e JSON
Cada execução escreve dois arquivos na sua máquina: um briefing em Markdown para humanos e um conjunto de tokens em JSON para ferramentas. A versão em Markdown se lê como um memorando de design que você pode compartilhar ou editar. A versão em JSON se conecta direto a um fluxo de trabalho de código com IA. Seu agente recebe valores legíveis por máquina para consultar.
Portão de qualidade
Antes de escrever a saída, o Taste Lab roda uma passagem antibagunça que procura linguagem de enchimento e valida a estrutura do JSON. É um detalhe pequeno, mas importa. O briefing que você recebe tem menos chance de vir recheado com aquela fraseologia vaga e confiante que as ferramentas de IA produzem por padrão.
Prós e contras
Prós
- Transforma uma URL ao vivo em valores de design exatos e construíveis, em vez de descrições vagas.
- A camada de raciocínio explica por que cada escolha foi feita e o que ela abriu mão.
- Gera tanto um briefing legível para humanos quanto um conjunto de tokens em JSON para ferramentas de IA.
- Mantém o fluxo em uma única entrada, então há pouco o que configurar antes de obter resultados.
Contras
- Só analisa páginas existentes, então não consegue gerar um design do nada nem consertar um layout quebrado.
- A qualidade do resultado depende muito da página de origem; um site bagunçado produz um briefing bagunçado.
- Não há informação clara de preço nem de API no site, o que dificulta planejar um uso em equipe ou automatizado.
Perguntas frequentes
Transforma a URL de um site em um briefing de design estruturado para os seus agentes de IA. Extrai medidas exatas de uma página ao vivo, detecta as regras por trás delas e escreve um contexto de design curto em Markdown e JSON que as suas ferramentas de código conseguem seguir.
Conteúdo relacionado
Explore ferramentas, skills e artigos relacionados a Taste Lab.
Alternativas a Taste Lab
Google EmbeddingGemma 2
Google DeepMind · Escrita · Imagem · ProgramaçãoGoogle EmbeddingGemma 2 é um modelo aberto de 740 milhões de parâmetros que transforma texto, código, imagens, áudio e quadros de vídeo em vetores de um único espaço de 768 dimensões, rodando em celulares e notebooks.
Tractionwave
TractionWave · Imagem · MarketingO TractionWave cria mapas de calor de atenção com IA para anúncios estáticos. Você envia um PNG ou JPG e recebe a atenção prevista, pontos quentes ranqueados e ajustes antes de gastar verba.
Imejis.io
Imejis.io · Imagem · MarketingO Imejis.io é um estúdio de design com IA para agentes e equipes de marketing. Você descreve a imagem com suas palavras, e a ferramenta escreve o texto, monta o layout, adapta para cada tamanho e exporta o arquivo final.
