Design & visuel
Audit Visuel
/audit-visuel
Ce qu’il fait
Inspiré de la méthode de Garry Tan (gstack), ce skill joue le rôle d'un designer qui code : il commence par un audit visuel complet de ton interface, identifie les problèmes, puis applique les corrections avec des commits atomiques (une correction = un commit) et produit des captures d'écran avant et après chaque changement. Il est conçu pour affiner une interface avant le lancement.
Quand l’utiliser
Utilise ce skill juste avant de lancer un produit ou une page publique quand tu veux un regard critique sur l'expérience visuelle. C'est aussi utile lors d'une refonte partielle pour documenter précisément ce qui a changé.
Un exemple concret
Tu as terminé le développement de ta landing page et tu veux un dernier passage visuel avant de la mettre en ligne.
- Audit : espacement incohérent entre les sections → correction proposée.
- Audit : contraste insuffisant sur le bouton principal (ratio 2.1:1 < 4.5:1 requis).
- Commit : `fix: increase button contrast to 5.2:1`
- Capture avant : bouton gris clair sur fond blanc.
- Capture après : bouton corail sur fond blanc, lisible.
Une série de commits documentés avec captures avant/après, et une interface visuellement cohérente prête pour le lancement.
Comment l’installer
Colle ces deux lignes dans Claude Code, puis lance le skill avec /audit-visuel.
/plugin marketplace add ismax-ai/claude-code-skills-fr
/plugin install ismax-skills-fr@ismax
/audit-visuelSkill open-source de nexu-io, sous licence Apache-2.0. Voir la source d’origine. Je l’ai sélectionné, traduit et adapté en français pour la bibliothèque.
Tu débutes avec Claude Code ?
J’ai écrit un guide de démarrage qui t’explique, pas à pas, ce qu’est un skill, comment installer la bibliothèque et faire tes premiers pas.
Lire le guide de démarrage
L’IA pour les Débutants · SubstackLa marketplace de skills Claude Code gratuits (en français)Lire sur Substack →