Skip to main content

design-consultation

design-consultation

Catalogue généré le 2026-05-11

En une phrase

DesignPose consultation:les understandsbases your product, researches the landscape, proposes a completedu design systemd'un (aesthetic,nouveau typography,projet color,— layout,palette, spacing,typographie, motion),espacement, andmotion generates— font+coloret previewte pages.génère un fichier DESIGN.md qui devient la référence visuelle de tout le projet.

Quand l'utiliser

  • UseQuand whentu askeddémarres toun projet de zéro et tu n'as pas encore de direction artistique.
Quand tu veux poser une "designbible system",visuelle" "brandclaire guidelines",avant orde "createcommencer DESIGN.md".à 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 (si exposé dans ton CLI)
  • Phrases déclencheurs (texte) : voir"design lasystem" description/ complète"brand ci-dessousguidelines" / "create DESIGN.md" / "create a brand" / "design from scratch"
  • Auto-invocation : ✅ ProactivelyOui suggest— whenClaude startingsuggère ce skill quand tu attaques l'UI d'un nouveau projet qui n'a newencore project'sni UIsystème with no existingde design system orni DESIGN.md. (gstack)

Description complètedétaillée

DesignCe consultation:skill understandsfonctionne yourcomme product,une researchesconsultation theavec landscape,un proposesdesigner. aIl completecommence 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 systemcomplet : l'esthétique générale (aesthetic,minimaliste, typography,éditorial, color,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, spacing,et motion),même andles generatesmotion font+colortokens previewsi pages.tu Createsprévois des animations.

Le résultat final, c'est un fichier DESIGN.md asà yourla project'sracine 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 sourceà ofpartir truth.de Forl'existant existing(au sites,lieu used'en créer un de zéro), utilise plutôt /plan-design-review to infer the system instead. Use when asked to "design system", "brand guidelines", or "create DESIGN.md". Proactively suggest when starting a new project's UI with no existing design system or DESIGN.md. (gstack)

Pour aller plus loin

Preamble (run first)

Plan Mode Safe Operations

In plan mode, allowed because they inform the plan:ou $B, $D, codex exec/codex design-review, writes to ~/.gstack/, writes to the plan file, and open for generated artifacts.

Skill Invocation During Plan Mode

If the user invokes a skill in plan mode, the skill takes precedence over generic plan mode behavior. Treat the skill file as executable instructions, not reference. Follow it step by step starting from Step 0; the first AskUserQuestion is the workflow entering plan mode, not a violation of it. AskUserQuestion (any variant — mcp__*__AskUserQuestion or native; see "AskUserQuestion Format → Tool resolution") satisfies plan mode's end-of-turn requirement. If no variant is callable, the skill is BLOCKED — stop and report BLOCKED — AskUserQuestion unavailable per the AskUserQuestion Format rule. At a STOP point, stop immediately. Do not continue the workflow or call ExitPlanMode there. Commands marked "PLAN MODE EXCEPTION — ALWAYS RUN" execute. Call ExitPlanMode only after the skill workflow completes, or if the user tells you to cancel the skill or leave plan mode.

(extrait — voir le SKILL.md complet pour la suite)

Source

  • Plugin : gstack
  • Nom interne : design-consultation
  • Fichier : /home/thymon/.claude/skills/gstack/design-consultation/SKILL.md
Back to top