Unslop

Fuentes comprobadas el 6 de noviembre de 2026. Se distinguen afirmaciones del editor y experiencias ajenas; no es un benchmark propio de AIDreamHub.

Un método de revisión, no otro generador de sitios

Unslop, de Damir Sokolovsky, actúa mediante el agente de programación sobre el frontend existente. No exporta el trabajo a otra plataforma alojada. Su valor no consiste únicamente en quitar degradados morados: debe aclarar la jerarquía, conservar el comportamiento y justificar decisiones que tengan sentido para ese producto.

Encaja con un fundador o desarrollador que ya tenga un panel, una aplicación o una landing funcional y pueda revisar el código. No sustituye investigación de usuarios, sistema de diseño, accesibilidad ni pruebas de regresión. La identidad existente debe limitar las propuestas, no desaparecer por una nueva moda visual.

Página oficial capturada por AIDreamHub, no ejecución local del producto.

Separar diagnóstico, dirección y edición

Primero localiza los problemas, después propone una dirección basada en el producto y luego trabaja espaciado, color, iconos, texto, tipografía, distribución, detalles, imágenes y movimiento. El orden permite rastrear causas: cambiar una frase modifica saltos de línea; corregir espacios puede hacer innecesaria otra decoración.

El README también documenta un vídeo cuadrado de cambios de menos de diez segundos. Las capturas de sitios y esos vídeos requieren Playwright y Chromium; el vídeo añade FFmpeg. La generación de imágenes es opcional y puede tener un coste independiente. Mostrar una transformación no demuestra mejores conversiones ni tareas completadas.

Qué aporta una experiencia independiente

El 2 de noviembre de 2026, el autor japonés まさお comparó una revisión normal con Claude y otra con Unslop. Percibió más diferencia en un panel que en una landing, sobre todo en color y redacción; también informó de cambios en cifras estáticas. Es un ejemplo individual, no un benchmark controlado ni una prueba reproducida por nosotros.

La medida práctica es declarar inmutables precios, métricas, clientes y afirmaciones comerciales. Sustituir un saludo por un periodo puede orientar mejor; cambiar ingresos altera los datos. La revisión visual y la factual deben tener criterios independientes.

Cómo usarlo: una pantalla reversible

Inspecciona los archivos y copia la habilidad a la carpeta del agente dentro del proyecto. El ejemplo inferior sigue la estructura oficial de Claude Code. Trabaja antes en una rama o copia recuperable. Son instrucciones documentadas, no una instalación que hayamos ejecutado.

Especifica ruta, público, tarea principal, tokens de diseño y datos protegidos. Aprueba el diagnóstico y la dirección antes de editar. Después compara capturas y diferencias de código. Instala las dependencias de captura solo si necesitas ese flujo o el vídeo.

git clone https://github.com/heydamir/unslop.git
mkdir -p .claude/skills
cp -r unslop/skills/unslop .claude/skills/

# Claude Code
/unslop this dashboard

Una hoja de aceptación para un panel

En un panel de suscripciones ilustrativo, fija precios, totales, condiciones y destinos de botones. Compara los mismos datos y tamaños antes y después. Revisa escritorio y móvil, foco de teclado, errores, estados vacíos y de carga, y acciones irreversibles. Es una propuesta de evaluación, no un resultado medido.

Una paleta discreta puede ocultar estados desactivados; un texto breve puede eliminar condiciones. Rechaza una versión que cambie el significado o rompa tareas aunque la composición resulte más atractiva.

Compararlo con un prompt normal y con un diseñador

Un agente general ya puede eliminar clichés evidentes. Unslop añade diagnóstico explícito, dirección acordada y orden repetible. Evalúa los detalles que evita pasar por alto, no una supuesta superioridad universal de gusto. Si faltan posicionamiento, investigación o coherencia entre productos, conviene empezar por diseño profesional.

Para un servicio, delimita una pantalla, lista de funciones preservadas, capturas adaptables y diff revisado. Un panel operativo denso y una página comercial requieren decisiones distintas: ahí puede estar la especialización sectorial, no en prometer que cualquier sitio se volverá premium.

Licencia y límites operativos

La licencia es CC BY 4.0, no MIT. Respeta la atribución a Damir Sokolovsky (@heydamir) y el enlace al repositorio al usar, adaptar o compartir según sus condiciones. Fuentes, imágenes y servicios pueden tener términos propios.

La disponibilidad de la habilidad no incluye gratis el agente, las imágenes ni el tiempo de implementación. Inspecciona dependencias y no inventes testimonios. El dibujo explica la revisión editorial; no es una salida generada por Unslop.

Preguntas antes de adoptarlo

¿Crea un sitio desde cero?

Su enfoque documentado es mejorar interfaces existentes mediante Claude Code o Codex. Empieza por una ruta funcional o una referencia autorizada. Los requisitos, contenidos, desarrollo y pruebas de un producto nuevo siguen siendo tareas separadas.

¿Puede cambiar cifras?

El agente puede editar datos estáticos y texto; un autor de una experiencia práctica informó de ello. Declara los valores protegidos y comprueba el diff. Una captura atractiva no garantiza que los hechos comerciales se hayan conservado.

¿Siempre necesito Playwright y FFmpeg?

El README los vincula a capturas y vídeos: Playwright y Chromium para ambos, FFmpeg para vídeo. Son pasos opcionales, no una obligación para cualquier cambio de estilos local. El entorno y coste del agente siguen separados.

Fuentes revisadas

• Damir Sokolovsky — Unslop README / CC BY 4.0
• まさお — hands-on comparison, 2026-11-02
• Unslop — skill and references

Explorar herramientas relacionadas

• Herramientas de diseño
• Herramientas de código