메뉴
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.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
Estructura la comunicacion del agente para maxima claridad visual. Usa ASCII art, tablas, codigo en bloques y progressive disclosure. Prohibe muletillas y preambulos.
Design skill para frontend. Obliga al agente a clarificar audiencia, proposito y direccion visual antes de escribir codigo. Detecta patrones genericos de IA (Inter, purple gradients, cards anidadas, gray-on-color) y propone alternativas con caracter.
Diagnóstico metódico de bugs. Reproduce, minimiza, formula hipótesis falsificables, instrumenta quirúrgicamente y blinda con test de regresión.
Metodología completa de 9 fases para alcanzar la excelencia en cada tarea. Cubre escucha profunda, investigación actualizada, planificación, ejecución disciplinada, verificación rigurosa, reflexión, simplificación, documentación y entrega pulida. Úsala cuando quieras hacer las cosas con el máximo cuidado y calidad posible.
Técnica para entender profundamente al usuario antes de actuar. Reformular, confirmar, detectar lo no dicho y adaptar la comunicación al perfil del usuario.
Busca información actualizada antes de tomar decisiones técnicas. Prioriza documentación oficial, verifica vigencia y cruza al menos 2 fuentes.
SOC 직업 분류 기준
| 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 |
Adaptado de Leonxlnx/taste-skill (43k estrellas).
Cuando el usuario pide frontend, UI, web, landing, o dashboard. Activala en Fase 1 (Escuchar) para definir la direccion antes de planificar.
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.
