Aller au contenu
Chapitre 9 / 9

Skills Claude pour les designers

Les skills sont des fichiers d'instructions que Claude applique à la demande. Ils s'installent en quelques secondes et changent significativement la qualité des outputs.

Comment installer un skill

1. Télécharge le fichier .md du skill ci-dessous
2. Dans Claude, ouvre Paramètres > Skills
3. Crée un nouveau skill, colle le contenu du fichier
4. Nomme-le et sauvegarde
5. Mentionne le skill dans ta conversation pour l'activer
Pour les skills avec un lien externe : tu peux aussi installer directement depuis le lien marketplace sans télécharger le fichier.

Skills visuels et frontend

frontend-design

Oriente Claude vers des interfaces de qualité production : typographie, espacement, hiérarchie visuelle. Évite les esthétiques génériques des outputs IA par défaut.

Cas d'usage : tout projet où le rendu visuel compte, composants UI, landing pages, prototypes présentés à un client.

Installer depuis le marketplace


creative-director

Apporte un regard éditorial sur les décisions de composition et de direction artistique. Utile quand l'interface doit avoir un caractère visuel fort ou quand on part d'une page blanche sans référence précise.

Cas d'usage : exploration de direction visuelle, interfaces de marque, projets avec identité visuelle forte, présentations client.

Installer depuis le marketplace

Skills design et UX

ux-designer

Assistance experte en recherche utilisateur, wireframing, prototypage et stratégie design. Couvre les user flows, personas, guides de tests d'utilisabilité, architecture d'information.

Cas d'usage : cadrage de projet, préparation de tests utilisateurs, documentation UX, définition de parcours.

interactive-prototype

Documentation d'interactions pour Figma, Principle, Bolt et Lovable. Génère des spécifications de micro-interactions, timelines d'animation, et specs techniques pour l'implémentation.

Cas d'usage : handoff d'interactions vers un développeur, documentation d'animations, spécifications de comportement.

spec-ideation

Cadre structuré pour générer des solutions en phases d'expansion, contraction et documentation. Utile pour les sessions de cadrage produit et les ateliers d'idéation avec un client.

Cas d'usage : cadrage de mission, ateliers avec un client, arbitrages produit, exploration de concepts.

Skills rédactionnels

victor-voice

Posture rédactionnelle pour tout output narratif : posts LinkedIn, briefs, notes de consulting. Élimine les tics d'écriture LLM, les fausses constructions dramatiques, le ton condescendant.

Cas d'usage : posts LinkedIn, propositions commerciales, notes de cadrage, tout texte destiné à être publié ou partagé.

francais-parfait

Règles d'écriture en français natif : accentuation des majuscules (É, À), ligatures (œuvre, cœur), guillemets français, zéro emdash. Prioritaire sur tout autre style quand l'output est en français.

Cas d'usage : tout output en français destiné à être publié ou partagé.

Skills de marque et présentation

Brand

Système de marque pour des présentations PPT avec style corporate minimaliste : tokens visuels, typographie (Helvetica Neue / Public Sans), palette (#295FEC, #F8F9FB), conventions de mise en page pour les livrables client.

Cas d'usage : propositions commerciales, études de cas, livrables client, documents de positionnement.

Slides

Création de présentations : structure narrative, tokens de design, conventions de mise en page pour les decks client. À combiner avec le skill pptx pour la génération technique.

Cas d'usage : decks client, keynotes, supports de formation, restitutions de mission.

pptx

Génère des présentations PowerPoint structurées et mises en forme directement depuis Claude. Gère la création de slides, l'organisation du contenu par sections, la typographie, les tableaux, et l'exportation en fichier .pptx téléchargeable.

Cas d'usage : restitutions client en format slide, synthèses de mission, decks de présentation à partir de notes ou d'un brief.

À combiner avec la skill slides pour appliquer les conventions visuelles au fichier généré.

Research

Recherche de signaux dans l'espace UI/UX, design produit, IA et workflows assistés, B2B/B2G. Génère des angles de contenu LinkedIn calibrés au positionnement Condamine Studio.

Cas d'usage : préparation de posts LinkedIn, veille sectorielle, positionnement sur un sujet avant de rédiger.

Skills de workflow et méthodologie

ship-to-show

Framework en 7 phases pour transformer un prototype en case study portfolio avec vidéos animées, contenu narratif bilingue et pack d'intégration. Le processus complet prend environ 2h30, du prototype brut à la page publiée.

Cas d'usage : documenter un prototype dans un portfolio, produire des vidéos de démonstration d'une interface, créer un case study complet à partir d'un fichier de code.

Installation :

mkdir -p ~/.claude/skills/ship-to-show
curl -o ~/.claude/skills/ship-to-show/SKILL.md https://raw.githubusercontent.com/marcus-clay/ship-to-show/main/SKILL.md

Invocation : /ship-to-show

Lire le guide complet

Victor Soussan

Lead Product Designer

J'accompagne les équipes design dans l'intégration de Claude Code : ateliers, sessions en binôme, mise en place de projets.