Taste icon

Taste

Taste é uma skill do Claude Code que lê o design de um site a partir de uma URL e o transforma em tokens de design com justificativas. Gera arquivos Markdown e JSON para uso por agentes de IA e ferramentas de desenvolvimento.

Taste

Visão geral

Taste é uma skill do Claude Code para ler o taste de design de um site a partir de uma URL. Ela transforma uma página em contexto de design que um agente de IA pode usar, combinando tokens extraídos com as justificativas por trás das decisões visuais.

Segundo a página inicial, cada execução analisa um site em quatro passagens: medições, padrões, inferência de taste e revisão de observador. O resultado é um resumo compacto com um conjunto completo de tokens e um conjunto de princípios de taste que explicam o que o design escolhe e o que ele abre mão.

Recursos

Pipeline de análise em quatro etapas

Processa uma URL por meio de quatro funções de agente para que a mesma página seja examinada sob as perspectivas de medição, padrões, taste e revisão editorial.

Extração de tokens de design

Coleta valores de design exatos da página, incluindo cores, espaçamento, raios, sombras, tipografia e outras medições citadas em pixels, valores hexadecimais e proporções.

Saída de justificativas de taste

Deriva 4 princípios de taste que explicam a lógica de design por trás das escolhas, incluindo o gatilho, a decisão, o motivo, a evidência e a concessão.

Verificação e validação de qualidade

Executa uma verificação de qualidade anti-slop que valida o JSON antes de gravar os arquivos finais.

Saída em dois arquivos

Grava dois arquivos de saída para cada execução: um resumo em `.md` e um arquivo `.json` nomeado para o domínio analisado.

Casos de uso

  • Reverter a engenharia do design de um site

    Use o Taste quando quiser inspecionar um site existente e extrair os tokens de design e as justificativas que parecem moldar seu sistema visual.

  • Alimentar contexto de design em um agente de IA

    Use-o quando precisar de contexto de design estruturado que um agente de codificação de IA possa transformar em decisões de implementação ou arquivos de regras.

  • Gerar artefatos de design reutilizáveis

    Use-o para produzir um resumo e um arquivo JSON legível por máquina para um domínio específico e reutilizar essa saída em execuções ou ferramentas futuras.

  • Padronizar a análise entre sites

    Use-o ao comparar vários sites e quiser categorias de medição consistentes e análise baseada em princípios em vez de anotações subjetivas.

Pros and Cons

Pros

  • Usa um fluxo de trabalho estruturado com várias passagens em vez de um resumo de passagem única.
  • Captura medições concretas de design com valores exatos em vez de aproximações.
  • Combina tokens brutos com explicações, o que pode ajudar um agente de IA a reproduzir a intenção do design.
  • Fornece saídas em Markdown e JSON para uso em ferramentas posteriores.
  • Inclui uma etapa de validação para filtrar saídas inválidas ou de baixa qualidade.

Cons

  • A página de preços não está disponível nas evidências coletadas, então preços e estrutura de planos não estão confirmados.
  • O site documenta explicitamente a configuração apenas para Claude Code e Gemini CLI, embora mencione vários outros destinos de ferramentas.

FAQ

Quais plataformas o Taste suporta?

Parece ser uma skill do Claude Code que também pode ser usada com o Gemini CLI. A página inicial também lista caminhos de saída para Cursor, Windsurf, GitHub Copilot, Bolt, Antigravity, v0 by Vercel, Figma e Lovable, mas o site só mostra explicitamente exemplos de configuração para Claude Code e Gemini CLI.

Como é a saída?

A página inicial descreve um fluxo de quatro etapas: extrair medidas de uma página da web, detectar padrões, inferir o taste e executar uma passagem de observação que filtra o resultado. O produto final é um arquivo `.md` e um arquivo `.json` para o domínio analisado.

Como você usa isso?

A página inicial mostra uma configuração em três etapas para Claude Code ou Gemini CLI: clonar a skill no diretório de skills relevante, instalar o Playwright MCP e, então, reiniciar o CLI e executar `/taste` em uma URL.

Para quem ele é?

O site diz que a skill pode ler o taste de design de qualquer site e produzir contexto de design a partir de uma URL. Ela é voltada para agentes de IA e desenvolvedores que querem tokens de design estruturados e justificativas de um site existente.

O preço está disponível?

A página de preços em `/pricing` atualmente retorna um 404, então o site não fornece um modelo de preços publicado nas evidências coletadas.

Quick Facts

Categoria
Ferramenta para desenvolvedores
Formato principal
Skill do Claude Code
Exemplos de CLI compatíveis
Claude Code, Gemini CLI
Domínio de origem
tastelab.xyz
Arquivos de saída
.md e .json
Preço
Não publicado nas evidências coletadas