Avoid AI Design

Audita y reescribe la interfaz de usuario frontend para eliminar las señales de diseño genéricas de IA

Por funboy322 · funboy322/avoid-ai-design

Probado · Funciona ★ 9.2/10

Avoid AI Design — Audita y reescribe la interfaz de usuario frontend para eliminar las señales de diseño genéricas de IA

Qué hace

Una habilidad de revisión de diseño frontend que audita HTML/CSS y React/Tailwind/shadcn en busca de patrones que hacen que una UI parezca generada por IA, luego reescribe en torno a una dirección estética comprometida. Se activa en 'de-slop this UI', 'make this look less AI-generated' o 'audit for AI design tells'. Incluye un catálogo de más de 40 señales con severidad P0/P1/P2 más un modo de solo detección y una protección contra valores predeterminados de segundo orden.

Informe de la prueba

Probado en un 'héroe' de 'slop' de IA (gradiente de índigo a violeta, titular con gradient-clip, glassmorphism, Inter, emoji, 'Elevate Your Workflow', CTA de flecha): el catálogo de más de 40 señales incluido le permitió marcar diez problemas etiquetados con severidad P0/P1, luego forzó un compromiso con una dirección estética nombrada. Su protección explícita contra 'second-order defaults' como Space Grotesk y las cabeceras serif de papel cálido evita la trampa exacta en la que cayó la línea base sin habilidad, que detectó aproximadamente cuatro señales informalmente y recurrió a un reemplazo genérico. El catálogo de referencia es inusualmente riguroso, citando un estudio de Playwright de ~1,400 sitios con una tasa de falsos positivos declarada.

Probado el: 2026-07-19 · Claude Code 2.x (agent harness)

Instalación

git clone https://github.com/funboy322/avoid-ai-design
mkdir -p ~/.claude/skills
cp -r avoid-ai-design ~/.claude/skills/avoid-ai-design

Comandos y prompts de ejemplo

  • /avoid-ai-designAudita y reescribe la interfaz de usuario frontend para eliminar las señales de diseño genéricas de IA

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • De-slop this hero section, it looks way too AI-generated.
  • Audit this component for AI design tells and fix them.
  • Make this landing page look less like generic AI-generated design.