Pular para o conteúdo
Skillpedia
Interfaces (UI/UX)40 mil · #4993

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

https://github.com/github/awesome-copilot/blob/main/skills/anti-ui-slop/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/github/awesome-copilot/blob/main/skills/anti-ui-slop/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
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-slop

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/github/awesome-copilot/main/skills/anti-ui-slop/SKILL.md -o SKILL.md
Conteú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.

Pare de Criar Interfaces Genéricas com 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

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas