[{"_1":2,"_257":-5,"_258":-5},"loaderData",{"_3":4,"_7":8},"root",{"_5":6},"footerPartners",[],"routes/tools/index",{"_9":10,"_70":60,"_71":60,"_72":60,"_73":74,"_75":39,"_28":76,"_256":33},"tools",[11],{"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":17,"_37":35,"_38":39,"_40":41,"_42":43,"_48":49,"_50":51,"_52":53,"_54":51,"_55":56,"_57":58,"_59":60,"_61":51,"_62":-5,"_63":51,"_64":65,"_66":67,"_68":69},"id",4288,"code","unslop","name","Unslop","icon","/uploads/agent/agent-1793935858856.png","screenshot","/uploads/agent/agent-1793935860259.png","description","Unslop es una habilidad de revisión de interfaces para Claude Code y Codex: analiza una pantalla existente y la mejora con una dirección de diseño y pasadas ordenadas.","detail","

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.

\"Fotogramas — Fotogramas oficiales de Damir Sokolovsky (@heydamir), CC BY 4.0. No son una prueba propia.

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\nmkdir -p .claude/skills\ncp -r unslop/skills/unslop .claude/skills/\n\n# Claude Code\n/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.

\"Dibujo — Dibujo editorial: mejorar la interfaz sin cambiar hechos. No es salida del producto.

Control	Aceptación	Motivo de rechazo
Datos y afirmaciones	Valores y significado intactos	Métricas inventadas o precios alterados
Jerarquía	Tarea principal clara en ambos anchos	Decoración que compite con la acción
Interacción	Foco y errores funcionan	Solo se revisó una imagen estática

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.

Ruta	Mejor encaje	Revisión pendiente
Unslop	Mejoras acotadas en código existente	Datos e interacciones
Agente general	Correcciones pequeñas y precisas	Coherencia entre cambios
Diseñador	Investigación, marca y sistema	Implementación y regresión

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

Explorar herramientas relacionadas

","attributes",[],"categories",[],"paymentPlatform",[],"language","es","url","https://github.com/heydamir/unslop","websiteName","websiteUrl","cate1Code","design-tools","cate2Code","ai-coding","tags",[44,45,46,47],"Revisión UI","Habilidad de diseño","Claude Code","Codex","views",4,"likes",0,"featured",false,"featuredSort","monthVisitedCount",["B","0"],"traffic",{},"status",1,"urlStatus","urlCheckedAt","urlFailCount","publishedAt",["D",1793935996378],"createdAt",["D",1793935871995],"updatedAt",["D",1793942091213],"total","page","totalPages","sort","latest","category",[77,88,94,102,110,117,125,132,138,146,154,161,168,174,180,187,194,201,208,215,222,229,236,242,249],{"_12":78,"_14":79,"_16":80,"_22":-5,"_32":33,"_81":60,"_82":83,"_84":85,"_66":86,"_68":87},202,"ai-agent","Agente de IA","level","parentCode","","toolCount",52,["D",1768983241573],["D",1768983241573],{"_12":89,"_14":41,"_16":90,"_22":-5,"_32":33,"_81":60,"_82":83,"_84":91,"_66":92,"_68":93},146,"Asistente de codificación IA",50,["D",1768983184019],["D",1768983184019],{"_12":95,"_14":96,"_16":97,"_22":98,"_32":33,"_81":60,"_82":83,"_84":99,"_66":100,"_68":101},69,"seo","SEO","Herramientas de IA para SEO",21,["D",1768892383988],["D",1768892383988],{"_12":103,"_14":104,"_16":105,"_22":106,"_32":33,"_81":60,"_82":83,"_84":107,"_66":108,"_68":109},20,"video-generation","Creación de video IA","Herramientas de IA para crear videos",19,["D",1768892377383],["D",1779004146835],{"_12":111,"_14":112,"_16":113,"_22":114,"_32":33,"_81":60,"_82":83,"_84":107,"_66":115,"_68":116},13,"image-generation","Generación de imágenes IA","Herramientas de IA para crear imágenes y arte",["D",1768892376194],["D",1784549701580],{"_12":118,"_14":119,"_16":120,"_22":121,"_32":33,"_81":60,"_82":83,"_84":122,"_66":123,"_68":124},83,"productivity","Productividad","Herramientas de IA para productividad",17,["D",1768892385928],["D",1768892385928],{"_12":126,"_14":127,"_16":128,"_22":-5,"_32":33,"_81":60,"_82":83,"_84":129,"_66":130,"_68":131},139,"ai-chat","Asistente de chat IA",11,["D",1768983176924],["D",1768983176924],{"_12":133,"_14":134,"_16":135,"_22":-5,"_32":33,"_81":60,"_82":83,"_84":129,"_66":136,"_68":137},174,"ai-music","Música IA",["D",1768983213212],["D",1768983213212],{"_12":139,"_14":140,"_16":141,"_22":142,"_32":33,"_81":60,"_82":83,"_84":143,"_66":144,"_68":145},104,"text-to-speech","Texto a voz","Herramientas de texto a voz IA",9,["D",1768892389112],["D",1768892389112],{"_12":147,"_14":148,"_16":149,"_22":150,"_32":33,"_81":60,"_82":83,"_84":151,"_66":152,"_68":153},97,"speech-recognition","Reconocimiento de voz","Herramientas de reconocimiento de voz IA",6,["D",1768892388178],["D",1768892388178],{"_12":155,"_14":156,"_16":157,"_22":-5,"_32":33,"_81":60,"_82":83,"_84":158,"_66":159,"_68":160},167,"ai-writing","Escritura IA",5,["D",1768983206114],["D",1768983206114],{"_12":162,"_14":163,"_16":164,"_22":165,"_32":33,"_81":60,"_82":83,"_84":158,"_66":166,"_68":167},62,"marketing","Marketing","Herramientas de IA para marketing",["D",1768892383062],["D",1768892383062],{"_12":169,"_14":170,"_16":171,"_22":-5,"_32":33,"_81":60,"_82":83,"_84":158,"_66":172,"_68":173},195,"ai-translation","Traducción IA",["D",1768983234526],["D",1768983234526],{"_12":175,"_14":39,"_16":176,"_22":177,"_32":33,"_81":60,"_82":83,"_84":60,"_66":178,"_68":179},55,"Herramientas de Diseño","Herramientas de IA para diseño",["D",1768892382134],["D",1768892382134],{"_12":181,"_14":182,"_16":183,"_22":184,"_32":33,"_81":60,"_82":83,"_84":51,"_66":185,"_68":186},76,"data-analysis","Análisis de Datos","Herramientas de IA para análisis de datos",["D",1768892384920],["D",1768892384920],{"_12":188,"_14":189,"_16":190,"_22":191,"_32":33,"_81":60,"_82":83,"_84":51,"_66":192,"_68":193},41,"writing-assistant","Asistente de Escritura","Herramientas de IA para escritura",["D",1768892380266],["D",1768892380266],{"_12":195,"_14":196,"_16":197,"_22":198,"_32":33,"_81":60,"_82":83,"_84":51,"_66":199,"_68":200},48,"chatbot","Chatbot","Chatbots de IA y IA conversacional",["D",1768892381169],["D",1768892381169],{"_12":202,"_14":203,"_16":204,"_22":205,"_32":33,"_81":60,"_82":83,"_84":51,"_66":206,"_68":207},34,"code-development","Desarrollo de Código","Herramientas de IA para programación",["D",1768892379363],["D",1768892379363],{"_12":209,"_14":210,"_16":211,"_22":212,"_32":33,"_81":60,"_82":83,"_84":51,"_66":213,"_68":214},111,"image-editing","Edición de Imágenes","Herramientas de edición de imágenes IA",["D",1768892390114],["D",1768892390114],{"_12":216,"_14":217,"_16":218,"_22":219,"_32":33,"_81":60,"_82":83,"_84":51,"_66":220,"_68":221},118,"video-editing","Edición de Video","Herramientas de edición de video IA",["D",1768892391043],["D",1768892391043],{"_12":223,"_14":224,"_16":225,"_22":226,"_32":33,"_81":60,"_82":83,"_84":51,"_66":227,"_68":228},132,"education","Educación","Herramientas de educación IA",["D",1768892392869],["D",1768892392869],{"_12":230,"_14":231,"_16":232,"_22":233,"_32":33,"_81":60,"_82":83,"_84":51,"_66":234,"_68":235},27,"audio-generation","Generación de Audio","Herramientas de IA para crear audio",["D",1768892378444],["D",1768892378444],{"_12":151,"_14":237,"_16":238,"_22":239,"_32":33,"_81":60,"_82":83,"_84":51,"_66":240,"_68":241},"text-generation","Generación de Texto","Herramientas de IA para generar contenido de texto",["D",1768892375210],["D",1768892375210],{"_12":243,"_14":244,"_16":245,"_22":246,"_32":33,"_81":60,"_82":83,"_84":51,"_66":247,"_68":248},125,"3d-modeling","Modelado 3D","Herramientas de modelado 3D IA",["D",1768892391955],["D",1768892391955],{"_12":250,"_14":251,"_16":252,"_22":253,"_32":33,"_81":60,"_82":83,"_84":51,"_66":254,"_68":255},90,"translation","Traducción","Herramientas de traducción IA",["D",1768892387047],["D",1768892387047],"locale","actionData","errors"]