Arrêtez de publier la page que tout le monde a déjà vue
Une skill, très franche, qui empêche ton agent de pondre ces navets d’UI générique dont plus personne ne veut voir.
npx skills add cesaroeduardo/antiwebslopDu motion qui ne ferme jamais sa gueule
Bouton qui ne se lasse jamais de sauter. Point de status qui clignote pour rien. Bravo, tu es le meilleur motion designer du monde. Sauf que non. On range ce bordel en faisant bien le minimum vital.
attention-loopbounce-easingperiod-logo
Des SVG moches que tu trouves beaux
Stop aux illustrations svg flat horribles sur ton site. Ce n’est pas de l’illustration, c’est une abomination. On sort des références et on prompt ton IA générative pour de vraies images, pas ces déchets en forme de svg.
svg-placeholderblur-blob
Du copy qui se fait passer pour du design
Petit label au-dessus de chaque putain de headline. Em dash dans tous les sens. Une copy du genre « Pas X. Un Y. » qui ne dit rien à l’utilisateur. On jette tout ça et on écrit une copy qui accroche vraiment le regard.
eyebrow-kickerem-dash-overusenot-x-a-y
Cards slop dont plus personne ne veut
Icône éclair, fusée, petite étincelle sur chaque card qui traîne, et ces side strips sur les cards personne n’en peut plus. Fallait te le dire. Ah, et ces 10 CTA identiques sur le même écran ? Ton utilisateur est déjà fatigué juste en les voyant.
icon-soupgeneric-ctaside-tab-border
On va arranger cette bombe de site
/antiwebslop passe cette page en revue et dis-moi tout ce qu’il y a de slop./antiwebslop monte une nouvelle section hero pour moi, sans slop./antiwebslop ça ressemble à toutes les landings SaaS génériques qu’on voit partout. Fais un vrai design./antiwebslop restyle ce hero pour moi./antiwebslop ouvre cette page et lance la QA visuelle sur les breakpoints principaux avec Playwright, et dis-moi ce qui casse./antiwebslop audite mon UI selon les web-interface-guidelines de Vercel. Rapporte les findings en file:line./antiwebslop utilise image-to-code pour m’aider à faire quelque chose de proche de cette image de référence que je t’ai envoyée./antiwebslop j’ai collé une référence. Utilise-la pour orienter le design de cette page.
Color and surface
Layout and composition
Typography
Choisissez votre agent, installez-la en une ligne
- 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) - N’importe quel agent
npx skills add cesaroeduardo/antiwebslop
Ce sur quoi la skill s’appuie
- 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 par Viktor Oddy (MIT): premium motion and composition patterns, mined into
premium-patterns.md.