Pare de publicar a página que todo mundo já viu
Uma skill, muito sincera, que impede seu agente de fazer aqueles lixos de UI genérica que ninguém aguenta mais ver.
npx skills add cesaroeduardo/antiwebslopMotion que não cala a boca
Botão que cansa de pular nunca. Ponto de status piscando sem sentido nenhum. Parabéns, você é o melhor motion designer de todos, só que não. Vamo ajustar essa bagunça aí fazendo o básico bem feito.
attention-loopbounce-easingperiod-logo
Uns SVG feio que tu acha lindo
Chega dessas ilustração svg flat horrendas no teu site. Isso não é ilustração, é abominação. Bora juntar umas referências e promptar pra tua IA generativa gerar imagens de verdade, não esses lixos em forma de svg.
svg-placeholderblur-blob
Copy se passando por design
Label minúsculo em cima de toda fucking headline. Travessão pra tudo que é lado. Copy com “Não é X. É Y.” que não comunica nada pro usuário. Bora jogar tudo isso no lixo e fazer uma copy atrativa aos olhos.
eyebrow-kickerem-dash-overusenot-x-a-y
Cards slop que ninguém aguenta mais
Icone de raio, foguete, brilhinho em todo quanto é card e essas side strip nos cards ninguém aguenta mais, alguém tem que te dizer. Ah, e esses 10 CTA's iguais aí na mesma tela? Teu usuário cansa só de bater o olho.
icon-soupgeneric-ctaside-tab-border
Bora melhorar essa bomba de site
/antiwebslop revisa esta página e me fala tudo que tem de slop./antiwebslop monta uma sessão de hero nova pra mim, sem slop./antiwebslop isso parece a landing de todo SaaS genérico que tem por aí. Faz parecer design de verdade./antiwebslop reestiliza esse hero aqui pra mim./antiwebslop abre esta página e roda QA visual nos principais breakpoints com Playwright aí e me diz o que quebrou./antiwebslop audita minha UI seguindo a web-interface-guidelines da Vercel. Reporta achados em file:line./antiwebslop usa o image-to-code pra me ajudar a fazer algo parecido com essa imagem referência que te enviei./antiwebslop colei uma referência. Usa ela pra orientar o design dessa página.
Color and surface
Layout and composition
Typography
Escolha seu agente e instale em uma linha
- Cursor
npx skills add cesaroeduardo/antiwebslop -a cursor - Codex
codex plugin marketplace add cesaroeduardo/antiwebslop && codex plugin add antiwebslop@antiwebslop - Code
claude plugin marketplace add cesaroeduardo/antiwebslop && claude plugin install antiwebslop@antiwebslop - Grok
Save the antiwebslop skill from https://github.com/cesaroeduardo/antiwebslop (folder skills/antiwebslop) - Qualquer agente
npx skills add cesaroeduardo/antiwebslop
Referências que a skill usa
- Taste Skill: the Design Read, dials, and bans.
- Impeccable: design vocabulary and anti-slop checks for agents.
- Vercel web-interface-guidelines: accessibility and UX audit rules.
- getdesign.md:
DESIGN.mdas a reusable brief. - image-to-code-skill: reference → extract → implement.
- Playwright CLI: multi-viewport screenshots.
- MotionSites skill de Viktor Oddy (MIT): premium motion and composition patterns, mined into
premium-patterns.md.