Design Taste Frontend skill

O que ela faz

A design-taste-frontend (taste-skill v2) troca o visual padrão de IA, aquele título centralizado com fileira de cards e degradê, por decisões. Um script oferece três de vinte direções de arte, tiradas do estudo de 247 sites de galerias como Awwwards e One Page Love, e o agente escolhe a que combina com o assunto.

Antes de desenhar, o agente lista de 8 a 12 coisas que só o seu negócio tem (nome, rua, números, rituais) e tira daí a ideia da página. Escreve o texto inteiro antes do código e procura fotos reais em acervos abertos, como Wikimedia Commons e o Met, com o crédito.

Depois um inspetor abre a página num navegador em três larguras, mede título, margens, contraste e espaços vazios, e reprova o que quebra as regras da casa: sem degradê, sem sombra em elemento parado, sem etiqueta em cima do título, no máximo duas fontes. O agente olha os prints e corrige. Vale também pra painel e tela de app.

Nas palavras de quem fez

Quando usar

• Criar uma landing page que não pareça feita por IA
• Refazer o visual de um site que ficou genérico
• Pedir uma revisão de design de uma página que já está no ar
• Montar o painel ou a tela de configurações de um app
• Fazer um portfólio ou uma página de produto com cara de site de galeria

Depois de instalar, é só pedir assim

• Cria a landing page da minha confeitaria em Pinheiros, com o cardápio e os preços, sem aquela cara de site feito por IA
• Revisa o visual da minha página de vendas e me diz as três mudanças que mais melhorariam ela
• Refaz o design do painel de vendas do meu app mantendo as cores e a fonte da marca

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketAlerta
• SnykAlerta

Perguntas