design-consultation
design-consultation
Catalogue généré le 2026-05-11
En une phrase
Pose les bases du design d'un nouveau projet — palette, typographie, espacement, motion — et te génère un fichier DESIGN.md qui devient la référence visuelle de tout le projet.
Quand l'utiliser
- Quand tu démarres un projet de zéro et tu n'as pas encore de direction artistique.
- Quand tu veux poser une "bible visuelle" claire avant de commencer à coder les écrans.
- Pour avoir une palette de couleurs et un système typographique cohérents partout sur le site.
- Quand tu veux une page de prévisualisation qui montre ta palette + tes polices côte à côte.
Comment l'invoquer
- Slash command :
/design-consultation - Phrases déclencheurs (texte) : "design system" / "brand guidelines" / "create DESIGN.md" / "create a brand" / "design from scratch"
- Auto-invocation : ✅ Oui — Claude suggère ce skill quand tu attaques l'UI d'un nouveau projet qui n'a encore ni système de design ni DESIGN.md.
Description détaillée
Ce skill fonctionne comme une consultation avec un designer. Il commence par poser des questions sur ton produit — à qui il s'adresse, quelle ambiance tu veux donner, quels concurrents tu aimes, lesquels tu détestes. Puis il fait sa recherche : il regarde l'état de l'art dans ton domaine et identifie les directions visuelles qui pourraient coller.
Ensuite, il te propose un système de design complet : l'esthétique générale (minimaliste, éditorial, ludique…), une famille typographique avec les tailles, une palette de couleurs (primaires, secondaires, accents, états d'erreur/succès), un système d'espacement, des règles de layout, et même les motion tokens si tu prévois des animations.
Le résultat final, c'est un fichier DESIGN.md à la racine de ton projet, qui devient la source unique de vérité pour toutes les décisions visuelles à venir. En bonus, il génère des pages de prévisualisation HTML qui affichent ta palette et tes polices en condition réelle, pour valider que ça rend bien.
Si ton site existe déjà et que tu veux DÉDUIRE le système de design à partir de l'existant (au lieu d'en créer un de zéro), utilise plutôt /plan-design-review ou /design-review.
Source
- Plugin :
gstack - Nom interne :
design-consultation - Fichier :
/home/thymon/.claude/skills/gstack/design-consultation/SKILL.md