[{"_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",4289,"code","unslop","name","Unslop","icon","/uploads/agent/agent-1793935858856.png","screenshot","/uploads/agent/agent-1793935860259.png","description","Unslop est une compétence de revue UI pour Claude Code et Codex : diagnostiquer une interface existante, définir une direction propre au produit, puis la modifier par étapes.","detail","

Sources vérifiées le 6 novembre 2026. Affirmations de l’éditeur et essais tiers sont distingués ; pas de benchmark AIDreamHub exécuté.

Une méthode de revue, pas un autre générateur de sites

Créé par Damir Sokolovsky, Unslop agit via un agent de programmation dans le frontend existant. Il ne transfère pas le site vers un nouvel hébergeur. Son intérêt ne se limite pas à supprimer un dégradé violet : il doit clarifier la hiérarchie, préserver les usages et justifier des choix visuels liés au produit.

Il convient à un développeur ou fondateur possédant déjà un écran fonctionnel et capable de relire les modifications. Il ne remplace ni recherche utilisateur, ni système de design, ni accessibilité, ni tests de régression. Les règles de marque existantes doivent encadrer la proposition, plutôt que céder à une nouvelle mode.

Page officielle capturée par AIDreamHub, pas une exécution locale du produit.

Pourquoi séparer diagnostic et modifications

Le processus documenté commence par les problèmes et leur emplacement, puis fixe une direction. Les passes portent sur espaces, couleurs, icônes, texte, typographie, disposition, détails, visuels et mouvement. Cet ordre aide à comprendre les causes : la longueur du texte change les retours à la ligne ; les bons espaces rendent parfois un décor inutile.

Le README décrit aussi une vidéo carrée de transformation de moins de dix secondes. Captures et vidéos demandent Playwright et Chromium ; la vidéo ajoute FFmpeg. Les images générées sont facultatives et peuvent coûter séparément. Un montage démontre un changement visible, pas une hausse de conversion ou une meilleure réussite des tâches.

\"Images — Images officielles de Damir Sokolovsky (@heydamir), CC BY 4.0. Pas un essai de notre rédaction.

Ce qu’un retour indépendant permet de dire

Le 2 novembre 2026, le créateur japonais まさお a comparé une révision Claude ordinaire et une révision Unslop. Il a trouvé plus de différence sur un tableau de bord que sur une landing page, notamment dans la couleur et le texte. Il a aussi signalé des chiffres statiques modifiés. C’est un exemple personnel, pas un benchmark contrôlé ni une expérience reproduite par notre rédaction.

La conséquence pratique est de rendre immuables prix, indicateurs, noms de clients et affirmations métier. Remplacer une salutation par une période peut clarifier l’écran ; changer le chiffre d’affaires corrompt les données. Il faut donc deux contrôles distincts, visuel et factuel.

Utilisation : commencer par un écran réversible

Inspectez les fichiers, puis installez la compétence dans le dossier du projet pour l’agent choisi. L’exemple suit l’arborescence officielle de Claude Code. Préparez une branche ou copie récupérable. Ces commandes sont une synthèse documentaire, pas le récit d’une installation exécutée ici.

Précisez route, public, tâche principale, tokens de design et valeurs protégées. Validez le diagnostic et la direction avant l’édition, puis comparez captures et diff. Ajoutez les dépendances de capture seulement pour le parcours qui les nécessite.

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

Une grille d’acceptation pour un tableau de bord

Pour un exemple de gestion d’abonnements, figez tarifs, totaux, conditions et destinations des boutons. Comparez les mêmes données aux mêmes largeurs. Contrôlez bureau et mobile, focus clavier, erreurs, états vides et chargement, puis actions irréversibles. C’est un protocole proposé, non un résultat mesuré.

Une palette calme peut masquer un état désactivé ; un texte raccourci peut perdre une condition. Refusez une version qui modifie le sens ou casse une tâche, même si sa composition semble plus aboutie.

\"Dessin — Dessin éditorial : améliorer l’interface sans changer les faits. Pas une sortie produit.

Contrôle	Acceptation	Refus si
Données et affirmations	Valeurs et sens conservés	Indicateurs inventés ou prix changés
Hiérarchie	Tâche principale claire aux deux largeurs	Décor plus visible que l’action
Interactions	Focus et erreurs fonctionnels	Seule une image statique a été revue

Prompt général, Unslop ou designer ?

Un agent général peut déjà enlever les clichés évidents. Unslop ajoute un diagnostic explicite, une direction partagée et un ordre reproductible. Jugez les détails moins souvent oubliés, pas une supériorité esthétique universelle. Positionnement, recherche et cohérence entre produits justifient plutôt un travail piloté par un designer.

Une prestation crédible peut livrer un écran, une liste de fonctions préservées, des captures responsives et un diff relu. Un tableau opérationnel dense et une page commerciale n’ont pas les mêmes contraintes ; cette différence offre une spécialisation concrète.

Parcours	Usage adapté	À vérifier encore
Unslop	Retouche ciblée du code existant	Données et interactions
Agent général	Correction limitée et précise	Cohérence des changements
Designer	Recherche, marque et système	Implémentation et régression

Licence et coûts réels

La licence est CC BY 4.0, et non MIT. Respectez l’attribution à Damir Sokolovsky (@heydamir) et le lien au dépôt lors d’une utilisation, adaptation ou diffusion soumise à ses conditions. Polices, images et services peuvent avoir leurs propres termes.

La disponibilité du skill ne rend gratuits ni l’agent, ni les images, ni le temps de mise en œuvre. Inspectez les dépendances et n’inventez pas de témoignages. Le dessin illustre la revue éditoriale ; ce n’est pas un résultat produit par Unslop.

Questions avant adoption

Unslop crée-t-il un site à partir de zéro ?

Son objectif documenté est d’améliorer une interface existante avec Claude Code ou Codex. Partez d’une route fonctionnelle ou d’une référence autorisée. Besoins, contenus, développement et tests d’un nouveau produit restent des travaux séparés.

Peut-il modifier les chiffres ?

Un agent peut éditer texte et données statiques ; un utilisateur l’a signalé dans son retour pratique. Désignez les valeurs protégées et relisez le diff. Une belle capture ne prouve pas que les faits métier ont été conservés.

Playwright et FFmpeg sont-ils toujours requis ?

Le README associe Playwright et Chromium aux captures et vidéos, et FFmpeg à la vidéo. Ce sont des étapes facultatives, pas une obligation pour chaque changement local de style. L’environnement et les coûts de l’agent restent séparés.

Sources consultées

Explorer les outils associés

","attributes",[],"categories",[],"paymentPlatform",[],"language","fr","url","https://github.com/heydamir/unslop","websiteName","websiteUrl","cate1Code","design-tools","cate2Code","ai-coding","tags",[44,45,46,47],"Revue UI","Compétence de design","Claude Code","Codex","views",4,"likes",0,"featured",false,"featuredSort","monthVisitedCount",["B","0"],"traffic",{},"status",1,"urlStatus","urlCheckedAt","urlFailCount","publishedAt",["D",1793935996378],"createdAt",["D",1793935872279],"updatedAt",["D",1793941497892],"total","page","totalPages","sort","latest","category",[77,88,94,102,109,116,124,131,137,145,153,161,167,173,179,186,193,200,207,214,221,228,235,242,249],{"_12":78,"_14":79,"_16":80,"_22":-5,"_32":33,"_81":60,"_82":83,"_84":85,"_66":86,"_68":87},203,"ai-agent","Agent IA","level","parentCode","","toolCount",52,["D",1768983242536],["D",1768983242536],{"_12":89,"_14":41,"_16":90,"_22":-5,"_32":33,"_81":60,"_82":83,"_84":91,"_66":92,"_68":93},147,"Assistant de codage IA",50,["D",1768983185045],["D",1768983185045],{"_12":95,"_14":96,"_16":97,"_22":98,"_32":33,"_81":60,"_82":83,"_84":99,"_66":100,"_68":101},70,"seo","SEO","Outils IA pour le SEO",21,["D",1768892383988],["D",1768892383988],{"_12":99,"_14":103,"_16":104,"_22":105,"_32":33,"_81":60,"_82":83,"_84":106,"_66":107,"_68":108},"video-generation","Création vidéo IA","Outils IA pour créer des vidéos",19,["D",1768892377383],["D",1779004146835],{"_12":110,"_14":111,"_16":112,"_22":113,"_32":33,"_81":60,"_82":83,"_84":106,"_66":114,"_68":115},14,"image-generation","Génération d'images IA","Outils IA pour créer des images",["D",1768892376194],["D",1784549701580],{"_12":117,"_14":118,"_16":119,"_22":120,"_32":33,"_81":60,"_82":83,"_84":121,"_66":122,"_68":123},84,"productivity","Productivité","Outils IA pour la productivité",17,["D",1768892385928],["D",1768892385928],{"_12":125,"_14":126,"_16":127,"_22":-5,"_32":33,"_81":60,"_82":83,"_84":128,"_66":129,"_68":130},140,"ai-chat","Assistant de chat IA",11,["D",1768983177971],["D",1768983177971],{"_12":132,"_14":133,"_16":134,"_22":-5,"_32":33,"_81":60,"_82":83,"_84":128,"_66":135,"_68":136},175,"ai-music","Musique IA",["D",1768983214393],["D",1768983214393],{"_12":138,"_14":139,"_16":140,"_22":141,"_32":33,"_81":60,"_82":83,"_84":142,"_66":143,"_68":144},105,"text-to-speech","Synthèse vocale","Outils de synthèse vocale IA",9,["D",1768892389112],["D",1768892389112],{"_12":146,"_14":147,"_16":148,"_22":149,"_32":33,"_81":60,"_82":83,"_84":150,"_66":151,"_68":152},98,"speech-recognition","Reconnaissance vocale","Outils de reconnaissance vocale IA",6,["D",1768892388178],["D",1768892388178],{"_12":154,"_14":155,"_16":156,"_22":157,"_32":33,"_81":60,"_82":83,"_84":158,"_66":159,"_68":160},63,"marketing","Marketing","Outils IA pour le marketing",5,["D",1768892383062],["D",1768892383062],{"_12":162,"_14":163,"_16":164,"_22":-5,"_32":33,"_81":60,"_82":83,"_84":158,"_66":165,"_68":166},168,"ai-writing","Rédaction IA",["D",1768983207059],["D",1768983207059],{"_12":168,"_14":169,"_16":170,"_22":-5,"_32":33,"_81":60,"_82":83,"_84":158,"_66":171,"_68":172},196,"ai-translation","Traduction IA",["D",1768983235479],["D",1768983235479],{"_12":174,"_14":39,"_16":175,"_22":176,"_32":33,"_81":60,"_82":83,"_84":60,"_66":177,"_68":178},56,"Outils de Design","Outils IA pour le design",["D",1768892382134],["D",1768892382134],{"_12":180,"_14":181,"_16":182,"_22":183,"_32":33,"_81":60,"_82":83,"_84":51,"_66":184,"_68":185},77,"data-analysis","Analyse de Données","Outils IA pour l'analyse de données",["D",1768892384920],["D",1768892384920],{"_12":187,"_14":188,"_16":189,"_22":190,"_32":33,"_81":60,"_82":83,"_84":51,"_66":191,"_68":192},42,"writing-assistant","Assistant d'Écriture","Outils IA pour l'écriture",["D",1768892380266],["D",1768892380266],{"_12":194,"_14":195,"_16":196,"_22":197,"_32":33,"_81":60,"_82":83,"_84":51,"_66":198,"_68":199},49,"chatbot","Chatbot","Chatbots IA et IA conversationnelle",["D",1768892381169],["D",1768892381169],{"_12":201,"_14":202,"_16":203,"_22":204,"_32":33,"_81":60,"_82":83,"_84":51,"_66":205,"_68":206},35,"code-development","Développement de Code","Outils IA pour le codage",["D",1768892379363],["D",1768892379363],{"_12":208,"_14":209,"_16":210,"_22":211,"_32":33,"_81":60,"_82":83,"_84":51,"_66":212,"_68":213},112,"image-editing","Édition d'Images","Outils d'édition d'images IA",["D",1768892390114],["D",1768892390114],{"_12":215,"_14":216,"_16":217,"_22":218,"_32":33,"_81":60,"_82":83,"_84":51,"_66":219,"_68":220},119,"video-editing","Édition Vidéo","Outils d'édition vidéo IA",["D",1768892391043],["D",1768892391043],{"_12":222,"_14":223,"_16":224,"_22":225,"_32":33,"_81":60,"_82":83,"_84":51,"_66":226,"_68":227},133,"education","Éducation","Outils d'éducation IA",["D",1768892392869],["D",1768892392869],{"_12":229,"_14":230,"_16":231,"_22":232,"_32":33,"_81":60,"_82":83,"_84":51,"_66":233,"_68":234},28,"audio-generation","Génération Audio","Outils IA pour créer de l'audio",["D",1768892378444],["D",1768892378444],{"_12":236,"_14":237,"_16":238,"_22":239,"_32":33,"_81":60,"_82":83,"_84":51,"_66":240,"_68":241},7,"text-generation","Génération de Texte","Outils IA pour générer du contenu textuel",["D",1768892375210],["D",1768892375210],{"_12":243,"_14":244,"_16":245,"_22":246,"_32":33,"_81":60,"_82":83,"_84":51,"_66":247,"_68":248},126,"3d-modeling","Modélisation 3D","Outils de modélisation 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},91,"translation","Traduction","Outils de traduction IA",["D",1768892387047],["D",1768892387047],"locale","actionData","errors"]