Communitygithub.com

uizze/uizze

Impeça que agentes de código gerem UI genérica. Use as mais de 800.000 telas reais da web e iOS da UIZZE para construir interfaces específicas de produto, definir um contrato de design, cobrir estados obrigatórios e executar uma verificação final rigorosa. Use ao projetar, implementar, redesenhar, criticar ou revisar uma interface web ou iOS no Codex, Claude Code, Cursor, Copilot ou outro agente de código. Ative com "anti-ui-slop", "stop UI slop", "ground this UI in real screens" ou "run the UI finish gate".

O que é uizze?

O skill UIZZE (uizze/uizze) é uma ferramenta projetada para evitar que agentes de IA gerem interfaces de usuário genéricas, fornecendo orientação baseada em mais de 800.000 telas reais da web e iOS. Ele permite que desenvolvedores e agentes de código (como Claude Code, Cursor, Codex e Copilot) criem interfaces específicas para um produto, utilizando referências visuais focadas e diretrizes de design, em vez de depender de templates prontos. O skill funciona por meio de playbooks Markdown auto-contidos, que guiam o agente por workflows como criação de novas interfaces, refinamento, simplificação ou auditoria, sem exigir instalação de dependências ou servidores externos. É particularmente útil para evitar o que o skill chama de "UI slop", garantindo que cada componente ou tela seja construído com intenção, respeitando o sistema de design existente e os estados críticos da interface, com uma verificação final rigorosa antes da entrega.

Funciona com✓Claude Code✓Codex CLI✓Cursor
npx skills add https://github.com/uizze/uizze/tree/HEAD/integrations/nextjs-starter/.agents/skills/anti-ui-slop

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Prévia

Do README da skill

Pare de Fazer UI Slop com UIZZE

Documentação

Impeça que agentes de IA gerem UI genérica.

Pare de Fazer UI Slop

Construa UI específica para o produto com mais de 800.000 telas reais da web e iOS através da UIZZE.

Pare de Fazer UI Slop com UIZZE

Visão Geral

Use o briefing do produto, a UI existente, os componentes e o sistema de design local para criar interfaces intencionais. A Uizze fornece orientação de design focada e, quando útil, um pequeno número de referências visuais relevantes.

Pré-requisitos

  • Uma tela ou componente para construir, redesenhar ou revisar — um caminho de arquivo ou uma descrição curta.
  • Os componentes, tokens de design e linguagem visual existentes do produto, para que a construção os estenda em vez de inventar um novo sistema.
  • Acesso opcional ao MCP pago da Uizze para referências focadas e materiais hospedados.

Autenticação

  • O skill gratuito e o catálogo público funcionam sem conta, token, conexão MCP, dependência, script ou executável.
  • O MCP UIZZE completo opcional pode usar o fluxo normal de conexão e autenticação do host. Nunca afirme que está conectado sem um resultado real do host.

Trabalhe a partir do produto

Leia o briefing, a UI existente, os componentes, tokens, assets e qualquer arquivo PRODUCT.md ou DESIGN.md antes de projetar. A solicitação do usuário e as restrições do projeto têm precedência sobre este skill. Preserve um sistema visual estabelecido para extensões e refinamentos; substitua-o apenas para um redesign aprovado. Um novo projeto não exige esses arquivos.

Identifique o público, a tarefa principal, os estados importantes e o resultado pretendido. Pergunte apenas sobre escolhas ausentes que alterariam materialmente o trabalho. Uma solicitação precisa é suficiente para prosseguir; não transforme uma pequena correção em uma oficina de descoberta.

Selecione o workflow

Carregue o playbook para a ação solicitada, além da orientação de plataforma e ofício necessária para executá-la:

  • Nova interface ou grande redesign: new-work
  • Trabalho de produto ou dashboard: operate
  • Refinamento e polimento: polish
  • Simplificação: distill
  • Auditoria explícita: audit, somente leitura, a menos que correções sejam solicitadas
  • iOS nativo: iOS, junto com o playbook da ação
  • /overdrive, "Uizze Overdrive" ou solicitação explícita para trabalho excepcional de interação: Overdrive

Para implementação, use craft após a direção estar definida. Carregue apenas os arquivos relevantes; vários playbooks complementares são permitidos. Overdrive é opcional, não o padrão para trabalho comum de UI. Requer uma direção escolhida antes da implementação.

"Use Uizze Overdrive nesta tela" funciona através deste roteador; um comando de barra nativo depende do host. Estes são playbooks Markdown auto-contidos, não um instalador, serviço em segundo plano ou motor executável.

Evidência opcional da Uizze

Leia a política de referência antes de usar find_ui_references ou find_ui_materials. Inspecione evidências visuais relevantes quando puderem informar o layout, estado, interação ou assets. Use as ferramentas disponíveis do host, não chamadas ou conexões inventadas. A recuperação paga é opcional; a falta de acesso não bloqueia o trabalho de design local.

Distinga uma referência exata, um exemplo relacionado, nenhuma correspondência e um erro de serviço. Divulgue brevemente uma limitação que afetou o resultado. Nunca afirme que uma imagem foi inspecionada ou que um estado foi encontrado sem evidência.

Finalização

Construa o escopo solicitado e exercite seus estados importantes. Renderize e inspecione o resultado real em tamanhos representativos de desktop/mobile ou classes de dispositivos nativos, incluindo o tamanho com falha relatado pelo usuário. Compare-o com a direção escolhida ou a referência fornecida, não apenas com a ausência de erros de execução.

Corrija problemas materiais em lote, depois renderize e inspecione novamente. Pare assim que o resultado solicitado for verificado; não invente trabalho continuamente. Se uma passagem limitada não conseguir resolver um problema, reporte-o em vez de afirmar que passou. Quando a renderização não estiver disponível, distinga verificações de código de verificação visual.

Mantenha o handoff conciso: o que mudou, o que foi realmente testado e qualquer limitação restante. Um skill não autoriza publicação, compras, novas dependências, alterações de conta ou ações destrutivas.

Habilidades Relacionadas