| name | taste-skill |
| description | Anti-slop frontend skill. Dialoga con el usuario para definir la direccion visual mediante 3 diales ajustables (varianza, movimiento, densidad). Evita que el agente genere interfaces genericas y sin personalidad. |
| license | MIT |
| compatibility | opencode |
Taste Skill — Anti-Slop para El Primor
Adaptado de Leonxlnx/taste-skill (43k estrellas).
Cuando activar
Cuando el usuario pide frontend, UI, web, landing, o dashboard. Activala en Fase 1 (Escuchar) para definir la direccion antes de planificar.
Los 3 diales — pregunta siempre
Antes de diseñar, pregunta al usuario por estos 3 ejes (escala 1-10):
| Dial | 1-3 | 4-7 | 8-10 |
|---|
| VARIANZA (layout) | Centrado, limpio, simetrico | Mixto, secciones variadas | Asimetrico, experimental, moderno |
| MOVIMIENTO (animacion) | Solo hover, sutil | Scroll triggers, transiciones | Magnetic, parallax, GSAP intensivo |
| DENSIDAD (informacion) | Espacioso, aire, pocos elementos | Balanceado | Denso, dashboard, mucha informacion |
Si el usuario no sabe, recomienda: V7/M5/D4 para una landing moderna, V4/M3/D8 para un dashboard.
Principios anti-slop
- Nunca defaults de framework. Tailwind sin customizar = generico.
- Tipografia con caracter. Fuentes que no sean Inter/Roboto/System.
- Espaciado generoso. El slop tipico es cramped. Da aire.
- Movimiento con proposito. No animes por animar. Cada animacion cuenta algo.
- Anti-repeticion. Si usas el mismo patron 3 veces, el usuario lo nota.
Flujo
- Pregunta los 3 diales (o recomienda valores)
- Define paleta + tipografia basado en los diales
- Diseña con los diales como guia
- Antes de entregar, auto-audita: ¿parece generico? ¿tiene personalidad?
