anti-ui-slop
Impede que agentes de código criem interfaces de usuário genéricas. Usa exemplos reais para construir interfaces específicas do produto, garantindo um design de alta qualidade antes do lançamento.
O que ela faz
Esta ferramenta ajuda a criar interfaces de usuário (telas de aplicativos ou sites) que sejam únicas para o seu produto, em vez de genéricas. Ela usa exemplos de telas reais para guiar o design.
Quando usar
- ✓Ao criar uma nova tela para um aplicativo ou site.
- ✓Ao redesenhar uma tela que já existe.
- ✓Ao revisar o design de uma tela antes de lançá-la.
Exemplo do que pedir para a IA
“Quero criar a tela de login para meu aplicativo de música, usando o estilo do meu site.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
A ferramenta analisa o que você já tem (como o logo e as cores da sua marca) e busca inspiração em milhares de telas reais para sugerir um design que combine com o seu produto.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add github/awesome-copilot --skill anti-ui-slopOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/github/awesome-copilot/main/skills/anti-ui-slop/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Impede que agentes de IA de codificação entreguem interfaces genéricas.
Pare de Criar Interfaces Genéricas
Crie interfaces específicas do produto com mais de 800.000 telas reais da web e iOS através do UIZZE.

Visão Geral
Use o briefing do produto, a interface existente, componentes e o sistema de design local para criar interfaces intencionais. O 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 existentes do produto, tokens de design e linguagem visual, para que a construção os estenda em vez de inventar um novo sistema.
- Acesso opcional ao Uizze MCP pago para referências focadas e materiais hospedados.
Autenticação
- A habilidade gratuita e o catálogo público funcionam sem conta, token, conexão MCP, dependência, script ou executável.
- O MCP completo opcional do UIZZE pode usar o fluxo de conexão e autenticação normal do host. Nunca afirme que está conectado sem um resultado real do host.
Trabalhe a partir do produto
Leia o briefing, a interface existente, os componentes, os tokens e as restrições antes de projetar. Eles sempre têm precedência sobre esta habilidade. Mantenha convenções de interação familiares e torne os objetos, o fluxo de trabalho e as prioridades do próprio produto visualmente claros. Não adicione novidade por si só.
Carregue um playbook
Escolha no máximo um arquivo para a solicitação atual:
- Nova interface ou grande redesenho:
reference/new-work.md - Trabalho de produto ou painel:
reference/operate.md - Refinamento e polimento:
reference/polish.md - Simplificação ou destilação:
reference/distill.md - Auditoria explícita:
reference/audit.md - Trabalho nativo iOS:
reference/ios.md
Não carregue um segundo playbook. Use o julgamento em vez de tratar seus exemplos como uma lista de verificação.
Evidências opcionais do Uizze
Leia references/uizze-reference-policy.md antes de usar o MCP pago. Ele expõe exatamente find_ui_references e find_ui_materials. Use-os apenas quando uma questão visual ou material concreta e não resolvida se beneficiaria de evidências. Se eles não retornarem nada, continue silenciosamente.
Finalização
Conclua o escopo solicitado. Quando o ambiente suportar, renderize e inspecione uma vez. Corrija quebras observáveis como cortes, sobreposições, mídia distorcida, controles inacessíveis ou interações inertes. Mantenha a entrega concisa.
Perguntas frequentes
Preciso pagar para usar?
A versão básica é gratuita e não exige cadastro. Há uma versão paga com mais recursos.
Preciso instalar algo?
Não, a ferramenta funciona diretamente com o agente de IA que você está usando, sem precisar instalar nada.
O que são 'playbooks'?
São guias com exemplos e sugestões para diferentes tipos de trabalho, como criar algo novo, melhorar o que já existe ou simplificar um design.
Detalhes
Descrição original do autor
Stop coding agents from shipping generic UI. Use UIZZE''s 800,000+ real web and iOS screens to build product-specific interfaces, define a design contract, cover required states, and run a hard finish gate. Use when designing, implementing, redesigning, critiquing, or pre-ship reviewing a web or iOS interface in Codex, Claude Code, Cursor, Copilot, or another coding agent. Trigger with "anti-ui-sl
repo: github/awesome-copilot
Popularidade
- Estrelas no GitHub
- 40 mil
- Posição no ranking
- #4993
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
acquire-codebase-knowledge
Ajuda seu agente a entender e documentar um projeto de código existente. É útil para novas pessoas entrarem no projeto ou para ter uma visão geral da arquitetura.
github/awesome-copilot
acreadiness-assess
Faz seu agente avaliar a prontidão de um projeto para IA e gerar um relatório. É útil para entender o quão bem um projeto está preparado para usar ferramentas de IA.
github/awesome-copilot
acreadiness-generate-instructions
Ajuda seu agente a criar instruções para ferramentas de IA baseadas em uma avaliação. É útil para melhorar a forma como a IA interage com o código e fecha lacunas identificadas.
github/awesome-copilot
acreadiness-policy
Faz seu agente ajudar a definir ou aplicar políticas para avaliação de projetos de IA. É útil para padronizar a forma como os projetos são avaliados e garantir conformidade.
github/awesome-copilot
Skills parecidas
accessibility
Ajuda seu agente a criar interfaces que todos possam usar. Garante que sites e aplicativos funcionem bem para pessoas com deficiência, como cegos ou com mobilidade reduzida.
affaan-m/ECC
design-system
Ajuda seu agente a criar um sistema de design a partir de um código existente. Ele extrai informações visuais e verifica a consistência, gerando um relatório e uma prévia interativa.
affaan-m/ECC
liquid-glass-design
Ajuda seu agente a criar interfaces de usuário com efeito 'Liquid Glass' para iOS. Permite adicionar efeitos visuais dinâmicos e interativos em SwiftUI e UIKit.
affaan-m/ECC