unslop : le skill Claude qui dé-slope ton interface
Le guide pour installer et utiliser le skill Claude unslop, qui transforme une interface vibecodée en vraie interface designée.
Le dépôt
unslop, un skill Claude signé Damir Sokolovsky, 1112 étoiles.
Dépôt : https://github.com/heydamir/unslop
Il prend une interface vibecodée, celle qui pue l'IA à trois kilomètres, et il la transforme en vraie interface designée.
Les signes de slop qu'il traque
- le dégradé violet
- les lueurs partout
- les emojis collés dans les labels
- les titres qui crient
- les espacements bancals
Comment il travaille
1. L'audit. Il te liste chaque signe de slop et te dit où il vit dans ton code.
2. La direction. Il définit un caractère, un univers, le moment qui porte la couleur et un détail signature, tout tiré de ton produit à toi. Il te propose cette direction avant de toucher une seule ligne, donc tu peux corriger le cap tout de suite.
3. Les passes, dans cet ordre :
| Ordre | Passe |
|---|---|
| 1 | Espacement |
| 2 | Couleur |
| 3 | Icônes |
| 4 | Texte |
| 5 | Typo |
| 6 | Mise en page |
| 7 | Détails |
| 8 | Visuels |
| 9 | Animation |
Comme un designer qui repasse au stylo rouge, écran par écran.
Si ton écran est déjà bon, il te le dit et propose juste deux ou trois petits raffinements au lieu de tout refaire.
L'installation, deux lignes
- Tu clones le dépôt :
git clone https://github.com/heydamir/unslop.git- Tu copies le dossier du skill dans ton dossier de skills Claude :
cp -r unslop ~/.claude/skills/unslopComment on l'appelle
Dans Claude Code, tu tapes :
/unslop ce tableau de bord/unslop le hero de https://mon-site.comOui, ça marche même sur un site en ligne quand t'as juste un lien.
Ou tu demandes simplement avec tes mots : Claude attrape le skill tout seul.
Ce que ça couvre
- Next.js, React, Vue, Svelte, Tailwind, ou du HTML et CSS tout simple
- des dashboards, des applis, des landing pages
Le détail que j'adore
Il peut te générer une vidéo carrée de moins de dix secondes où ton écran se dé-slope lui-même, prête à poster. Il faut Playwright et ffmpeg pour celle-là.
Pour tester tout de suite
Il y a deux écrans vibecodés d'exemple dans le dépôt : tu lances l'audit dessus et tu vois les passes travailler.
Une question ? Réponds-moi directement dans ce message privé.