Las skills anti-slop ya tienen su propio slop.
Las recetas que se escribieron para que la IA no diseñe genérico se aplican tal cual en muchas webs. Lo que era la salida del slop ya se reconoce como su próxima huella.
Cuando el degradé violeta se volvió un chiste, apareció la respuesta lógica: skills para agentes de programación que le dicen a la IA qué no hacer y qué hacer en su lugar. La más conocida es taste-skill, con licencia MIT. Su primera versión y sus variantes, que ahora viven en taste-skill-classics, no se limitaban a prohibir: daban recetas exactas.
El problema de una receta exacta es que todos la siguen igual. Si mil agentes reciben la misma instrucción para no parecer genéricos, terminan pareciéndose entre ellos. Y eso ya se empieza a notar.
Lo que piden las recetas
Todo esto está escrito en los archivos de las skills, con estos valores:
- Cuatro fuentes en lugar de una. Prohíben Inter y mandan a usar Geist, Outfit, Cabinet Grotesk o Satoshi. Cambiar una fuente repetida por cuatro fuentes repetidas dura lo que tarda en volver a notarse.
- La tarjeta de doble borde. Una cáscara con un fondo apenas visible, un borde de un píxel, 6 u 8 px de relleno y esquinas de 32 px (
rounded-[2rem]), con otra tarjeta adentro. Una de las variantes la llama «Doppelrand» y la pide para todas las tarjetas grandes. - La flecha en su propio círculo. Si un botón lleva flecha, va dentro de un círculo de 32 px pegado al borde derecho del botón. Nunca suelta al lado del texto.
- Fotos de picsum.
picsum.photos/seed/…en lugar de Unsplash, a veces en escala de grises o conmix-blend-luminositypara que «no parezcan de stock». - Datos desordenados a propósito. Para evitar el 99,99 %, la primera versión pone como ejemplo
47.2%y el teléfono+1 (312) 847-1928. Hay agentes que copian el ejemplo tal cual. - Sombra difusa y esquinas de 40 px en todos los contenedores grandes:
shadow-[0_20px_40px_-15px_rgba(0,0,0,0.05)]yrounded-[2.5rem].
Ninguna de estas cosas está mal en una web. Están mal en todas las webs a la vez.
Por qué pasa
La skill no tiene la culpa: resuelve bien lo que se propuso, que era sacar a la IA de Inter, del violeta y de las tres tarjetas con ícono. Pero un modelo no tiene gusto, tiene instrucciones. Si cambias un valor por defecto por otro valor fijo, lo que obtienes es otro valor por defecto.
Cuando calibré el Slop Score, lo que más separó las webs genéricas de las cuidadas no fue un color ni una fuente: fue no haber tocado ningún valor de fábrica. Una web cuidada no se nota por la fuente que usa, sino porque alguien la eligió para ese proyecto. Lo explico más largo en la guía sobre qué es el slop.
Cómo usar una skill sin heredar su huella
- Quédate con lo que prohíbe, no con lo que receta. Las prohibiciones sirven para todos. Las recetas exactas son las que se repiten.
- Cambia sus ejemplos por los tuyos. Si la skill dice «Satoshi o Cabinet Grotesk», escribe en tu brief la fuente que elegiste y por qué. Lo mismo con el radio de las esquinas y los colores.
- Busca en tu código antes de publicar:
picsum.photos,rounded-[2rem],47.2%y-15px. Si aparecen, la receta llegó tal cual a producción. - Usa fotos reales. Una foto tuya, aunque no sea perfecta, dice más que una de picsum en escala de grises.
Para escribir ese brief, en la guía de prompts hay uno para copiar y adaptar.
Preguntas frecuentes
¿Qué es taste-skill?
Un conjunto de skills con licencia MIT para agentes de programación que intenta que el diseño que generan no sea genérico. La primera versión y sus variantes (soft, minimalist, brutalist y otras) están en el repositorio taste-skill-classics.
¿Usar una skill anti-slop hace que mi web parezca hecha con IA?
No por usarla, sino por aplicar sus ejemplos sin cambiarlos. Las prohibiciones ayudan; las fuentes, los radios y las fotos que recomienda, repetidos en muchas webs, se vuelven una huella nueva.