---
title: "Uizze: design pack anti-UI-slop para agentes de código"
description: "Skills gratuitas, um gate de acabamento para pull requests e busca de referências em 800 mil telas reais de web e iOS para o agente parar de entregar interface genérica."
canonical: "https://ronanrodrigo.dev/notes/uizze-design-pack-agentes-codigo"
markdown: "https://ronanrodrigo.dev/notes/uizze-design-pack-agentes-codigo.md"
last-updated: "2026-09-24"
---
## Uizze: mostrar ao agente com o que se parece um bom trabalho

Uizze se apresenta como um design pack para agentes de código, com a proposta resumida na própria página: mostrar à IA com o que se parece um bom trabalho antes de ela decidir layout, hierarquia e acabamento. O produto tem duas camadas. A skill é gratuita, roda sem conta nem token e é compatível com Claude Code, Codex, Cursor, GitHub Copilot, Antigravity e Lovable. Quando o agente precisa de evidência externa, o MCP opcional (US$ 9 por mês ou US$ 99 uma vez) abre busca sobre 800 mil telas reais de web e iOS, 35 mil elementos de interface e 14 mil design systems, além de haptics para web e centenas de ícones animados. A documentação insiste que a referência serve como evidência para uma decisão concreta, não como template a copiar.

[Acesse a fonte original](https://uizze.com)

## UI Taste: seis playbooks de design para web e iOS

A skill publicada como ui-taste no diretório skills.sh dá ao agente um fluxo para escolher layout, corrigir hierarquia visual e revisar os detalhes que só aparecem quando o app está em uso, em vez de tratar "deixe mais bonito" como instrução suficiente. São seis playbooks de design cobrindo web e iOS, com referências de produtos reais, fontes e ícones disponíveis pelo MCP opcional. A skill é gratuita e não exige conta; a instalação é `npx skills add https://uizze.sh/`.

[Acesse a fonte original](https://www.skills.sh/site/uizze.sh/ui-taste)

## Repositório uizze/uizze: as skills, o gate de PR e as integrações

O repositório público é a fonte única do projeto: reúne as três skills (`ui-design`, `anti-ui-slop` e `ui-radar`), a configuração do MCP, plugins para Codex, Claude Code e GitHub Copilot, o starter Next.js e o DESIGN.md que o próprio projeto usa. A peça mais prática é a UI Slop Gate, uma GitHub Action gratuita que examina os arquivos de frontend alterados no pull request e procura sinais observáveis de interface inacabada — controles inertes, estados ausentes, cores fixas que driblam o design system e indícios de dashboard genérico — devolvendo os achados como anotações no diff e no resumo do job. A documentação admite o limite: é uma checagem conservadora de código-fonte, que não substitui inspeção renderizada nem as verificações normais de acessibilidade. Licenças MIT e Apache-2.0.

[Acesse a fonte original](https://github.com/uizze/uizze)

## MCP: auditoria gratuita e duas ferramentas de referência

A documentação do MCP descreve duas ferramentas para o agente: `find_ui_references` responde a uma única pergunta de interface com até três telas completas ou packs web, e `find_ui_materials` devolve um material nomeado — fontes, ícones, animações ou packs — quando falta um papel específico, sempre com escopo verificado e licença no retorno. O material incluído não acrescenta um segundo conjunto de regras visuais: ele complementa a stack que já acompanha a skill. O token de agente vai com `Authorization: Bearer`, e a orientação é guardá-lo apenas na configuração local do cliente ou em variável de ambiente, nunca no repositório. O repositório descreve também um preview gratuito do servidor, sem conta ou token, com uma única ferramenta determinística que checa HTML e CSS renderizados e não envia código nem chama modelo.

[Acesse a fonte original](https://uizze.com/docs)

## Guia: transformar referência visual em decisão de implementação

O guia de fluxo de referências ataca o erro de pedir ao agente "faça como este print". O roteiro começa nomeando a pergunta não resolvida — algo como "como fazer urgência e responsável serem lidos juntos?" — e só busca evidência externa quando o código e o design system local não respondem. A partir daí, separa observação de interpretação: primeiro descrever o que está visível (grupos, ordem, rótulos, espaçamentos), depois o que isso implica para a tarefa, escrevendo uma nota curta com observação, decisão, o que preservar e o que a referência não prova — hover, persistência, carregamento e sucesso de uma compra não estão numa imagem. O fecho manda comparar a tela renderizada com a tarefa escrita, não com o print, e lembra que usar uma fonte ou um ícone exige licença de implementação.

[Acesse a fonte original](https://uizze.com/guides/ui-reference-workflow)