Deja de publicar la página que todos ya vimos
Una skill, muy sincera, que evita que tu agente haga esa basura de UI genérica que ya nadie aguanta ver.
npx skills add cesaroeduardo/antiwebslopMotion que no se calla
Botón que no se cansa nunca de saltar. Punto de status parpadeando sin sentido. Felicidades, eres el mejor motion designer del mundo, solo que no. Vamos a arreglar este desastre haciendo bien lo básico.
attention-loopbounce-easingperiod-logo
Unos SVG feos que te parecen lindos
Basta de esas ilustraciones svg flat horribles en tu sitio. Eso no es ilustración, es una abominación. Junta unas referencias y promptea a tu IA generativa para imágenes de verdad, no esta basura en forma de svg.
svg-placeholderblur-blob
Copy haciéndose pasar por diseño
Label minúsculo encima de cada puta headline. Em dash por todos lados. Copy del tipo «No es X. Es Y.» que no le dice nada al usuario. A la basura con todo eso y escribe una copy que atraiga la mirada.
eyebrow-kickerem-dash-overusenot-x-a-y
Cards slop que ya nadie aguanta
Icono de rayo, cohete, brillo en cada card que hay, y esas side strips en los cards ya nadie las aguanta, alguien tenía que decírtelo. Ah, ¿y esos 10 CTAs iguales en la misma pantalla? Tu usuario se cansa solo de mirarlos.
icon-soupgeneric-ctaside-tab-border
Vamos a arreglar esta bomba de sitio
/antiwebslop revisa esta página y dime todo lo que tenga de slop./antiwebslop monta una sección de hero nueva para mí, sin slop./antiwebslop esto parece la landing de cualquier SaaS genérico que hay por ahí. Que parezca diseño de verdad./antiwebslop reestiliza este hero para mí./antiwebslop abre esta página y corre QA visual en los breakpoints principales con Playwright y dime qué se rompió./antiwebslop audita mi UI siguiendo las web-interface-guidelines de Vercel. Reporta hallazgos en file:line./antiwebslop usa image-to-code para ayudarme a hacer algo parecido a esta imagen de referencia que te envié./antiwebslop pegué una referencia. Úsala para orientar el diseño de esta página.
Color and surface
Layout and composition
Typography
Elige tu agente e instálala en una línea
- 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) - Cualquier agente
npx skills add cesaroeduardo/antiwebslop
En qué se apoya la skill
- 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.