Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Anti UI Slop skill
O Claude parte do seu produto e dos seus componentes pra montar telas web e iOS com identidade própria, com todos os estados e uma conferência final.
- instalações
- 975
- estrelas no GitHub
- 40,4 mil
- No skills.sh desde
- julho de 2026
- Licença
- MIT
Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
A skill, da UIZZE, ataca o UI slop: a tela genérica que todo agente de código entrega. Antes de desenhar, o Claude lê o briefing, a interface atual, os componentes e os tokens de design do projeto, que mandam mais que a skill. Botão e menu seguem o padrão conhecido; a identidade vem do conteúdo e da estrutura.
Ela traz seis roteiros e o Claude escolhe um só por pedido: tela nova ou redesenho, produto e painel, acabamento, simplificação, auditoria e iOS nativo. No de tela nova, ele define o usuário, a ação principal e a ordem de leitura, cobre os estados de carregamento, vazio, erro e sucesso e decide como a tela se reorganiza no celular.
No fim, quando o ambiente deixa, renderiza uma vez e corrige o que dá pra ver: texto cortado, elemento sobreposto, imagem distorcida, controle inacessível, foco quebrado ou botão que não faz nada. Pra uma dúvida visual específica, pode consultar as mais de 800 mil telas reais da UIZZE pelo MCP pago, que é opcional.
Nas palavras de quem fez
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,…
Quando usar
- Criar uma tela nova sem visual de template genérico
- Redesenhar um painel ou uma página que ficou com cara de IA
- Dar o acabamento numa interface antes de publicar
- Auditar uma tela web ou de app iOS antes de entregar
- Simplificar uma tela entulhada de coisa
Depois de instalar, é só pedir assim
- Usa a anti-ui-slop e redesenha essa página de preços com a cara do meu produto
- Roda o finish gate da anti-ui-slop na tela de cadastro antes de eu publicar
- Monta o painel do cliente com os componentes que já existem no projeto, com os estados de vazio e de erro
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
- SocketPassou
- SnykAlerta
Perguntas
Como instalar a Anti UI Slop no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Anti UI Slop, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
O que a anti-ui-slop skill precisa pra funcionar?
Só de uma tela ou componente pra criar, redesenhar ou revisar, de preferência com os componentes e o visual que o projeto já tem. A skill e o catálogo público funcionam sem conta, chave, script nem programa instalado. O MCP completo da UIZZE, com as telas de referência, é pago e opcional.
Ela copia o layout de outros sites?
Não. Quando consulta as referências da UIZZE, o Claude leva só a lição de estrutura ou de interação; marca, texto, imagem e layout exato de outro produto ficam de fora.
Roda no Codex e no Antigravity?
Foi feita pro Claude Code, o Codex, o Cursor e o GitHub Copilot, e funciona em qualquer agente que lê os arquivos do projeto e acessa uma URL.
Levar essa skill
1x anti-ui-slopR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/github/awesome-copilot
Aprenda a usar
- Claude Design: como usar, até no plano grátis
O Claude Design cria tela de site, protótipo e slide conversando, e agora vem até no plano grátis. Veja onde abrir, como usar e como levar pro Claude Code.
Na mesma prateleira
Ver as 1.414 skills do corredorMastra
tailwind-
O Claude estiliza as telas do Playground do Mastra só com os componentes e tokens do design system, sem inventar cor, tamanho ou componente novo.OficialAuditada2.000 instalações, grátisbest- practices secondsky
aceternity-
O Claude monta topo com fundo animado, cards 3D, rolagem com parallax e texto que se digita na sua página em Next.js, sem tropeçar na instalação.Auditada1.500 instalações, grátisui magicuidesign
magic-
Sua página ganha movimento no topo, na prova social e no botão de compra sem perder leitura, acessibilidade nem o layout no celular.Auditada1.200 instalações, grátisui davila7
mui
As telas do seu app em Material UI saem com o tema da marca, espaçamento consistente e layout que se ajusta do celular ao monitor.Auditada1.100 instalações, grátisheyman333
apple-
O Claude redesenha as telas do seu app pra parecerem feitas pela Apple: limpas, calmas, com fonte do sistema e componentes que quem usa iPhone já conhece.Auditada865 instalações, grátisui- designer draw-
O Claude desenha e arruma diagramas do draw.io, alinha caixas e setas pelo código e entrega o PNG pronto pra slide ou documento.Auditada842 instalações, grátisio existential-birds
tailwind-
O Claude monta o Tailwind 4 sem arquivo de configuração, com as cores, fontes, espaçamentos e animações da sua marca definidos direto no CSS.Auditada812 instalações, grátisv4 prisma-labs-dev
hig
O Claude responde com o que a Apple pede de fato, como área de toque de 44 pontos e Dynamic Type, antes de você mandar o app pra revisão.Auditada791 instalações, grátis
Mais da loja GitHub
Ver a loja GitHubGitHub
git-
Faz commits no padrão Conventional Commits, analisando o diff e escrevendo a mensagemOficialAuditada47,3 mil instalações, grátiscommit excalidraw-
O Claude transforma uma descrição em português num arquivo .excalidraw com caixas, setas e cores, pronto pra abrir e ajustar no Excalidraw.OficialAuditada31,7 mil instalações, grátisdiagram- generator multi-
Cria Dockerfiles multi-stage otimizados para qualquer linguagem ou frameworkOficialAuditada29,7 mil instalações, grátisstage- dockerfile documentation-
Escreve documentação de software de alta qualidade seguindo o framework DiátaxisOficialAuditada27,8 mil instalações, grátiswriter prd
Gera PRDs para sistemas e recursos com IA: resumo executivo, histórias de usuário e requisitos técnicosOficialAuditada24,1 mil instalações, grátisrefactor
Refatora código com precisão cirúrgica para melhorar a manutenção sem mudar o comportamentoOficialAuditada22,3 mil instalações, grátisjava-
Reúne boas práticas para desenvolver aplicações com Spring BootOficialAuditada21,3 mil instalações, grátisspringboot create-
Cria o README.md do projeto analisando o código, com estrutura e formatação profissionaisOficialAuditada19,1 mil instalações, grátisreadme gh-
Uma mudança grande vira uma pilha de PRs pequenos, um em cima do outro, que o revisor lê camada por camada e que entram em ordem.OficialAuditada18,7 mil instalações, grátisstack playwright-
Gera testes Playwright a partir de um cenário, explorando o site no navegador pelo MCP do PlaywrightOficialAuditada18,2 mil instalações, grátisgenerate- test github-
Você conta o problema em português e o Claude abre a issue no GitHub já no modelo certo, com tipo, etiqueta e responsável.Oficial17,5 mil instalações, grátisissues conventional-
Gera mensagens de commit no padrão Conventional Commits a partir de um template em XMLOficial17,1 mil instalações, grátiscommit