Skills
Des skills pour Claude et Codex autour du produit, du design, du prototypage et de l’animation. Les miennes sont en libre accès ; les autres citent leur auteur et renvoient à leur source.
curl -L -o prototype-anime.zip …Copier32 skills
Produit et stratégie
Produit et stratégie · Libre accès
socle
Guide le démarrage d’un produit digital en cinq étapes : structurer, outiller, construire, livrer, élargir.
- Chaque décision est prise une fois, dans l’ordre
- Les bases techniques sont posées en une seule passe
Résultat
Un projet prêt à être construit par petites étapes complètes.
Libre accès, MIT
Produit et stratégie · Libre accès
personal-os
Crée un OS personnel avec Claude Code : un dossier de fichiers texte avec une inbox, des règles et des agents.
- Trie les notes en décisions, actions, faits et questions
- Fournit des agents prêts à l’emploi et leurs commandes
Résultat
Une mémoire et un tableau de bord du travail, mis à jour par Claude et validés par vous.
Libre accès, MIT
Produit et stratégie · Libre accès
direction-design
Prépare une feuille de route design, un calendrier d’instances et les arguments pour un arbitrage.
- Le travail design est prêt avant que la suite en dépende
- Des arguments liés à ce que l’interlocuteur admet déjà
Résultat
Une position design avec une option de repli, prête pour la discussion d’arbitrage.
Libre accès, MIT
Produit et stratégie · Recommandée
karpathy-guidelines
Donne des règles de comportement à un modèle qui écrit du code, pour réduire les erreurs courantes.
- Le modèle réfléchit avant d’écrire
- Le modèle garde un code simple et modifie peu
Résultat
Des modifications de code plus courtes et plus faciles à relire.
forrestchang
Produit et stratégie · Recommandée
find-skills
Recherche des skills dans l’écosystème ouvert et installe celles que vous choisissez.
- Trouve une skill à partir d’un besoin décrit
- L’installe avec une seule commande
Résultat
La skill voulue, trouvée et installée en ligne de commande.
Vercel Labs
Design et UX
Design et UX · Libre accès
ux-et-design-thinking
Analyse un parcours ou un écran : job à accomplir, faits d’usage et réutilisation des composants.
- Chaque critique renvoie à un impact sur les utilisateurs
- Les hypothèses sont séparées des faits observés
Résultat
Une décision de conception appuyée sur une raison explicite.
Libre accès, MIT
Design et UX · Recommandée
ux-designer
Aide en UX : recherche, wireframes, parcours, personas, tests d’utilisabilité, architecture d’information.
- Couvre le processus de la recherche à la passation
- Classe les règles : besoins, accessibilité, utilisabilité
Résultat
Un parcours ou un écran revu, avec des recommandations classées par gravité.
awesome-llm-apps · MIT
Design et UX · Recommandée
impeccable
Fournit des commandes pour guider et contrôler le design d’une interface, dont audit, critique et polish.
- Commandes de revue : audit, critique, polish
- Règles qui repèrent les défauts courants d’un front généré
Résultat
Une interface contrôlée, avec les défauts courants repérés avant la mise en ligne.
Paul Bakaus · Apache 2.0
Design et UX · Recommandée
ui-skills
Contrôle et corrige une interface : base visuelle, accessibilité, métadonnées, performance des animations.
- Les corrections se font par passes ciblées
- L’accessibilité et les métadonnées sont vérifiées
Résultat
Une interface contrôlée et corrigée avant la livraison.
ibelick · MIT
Design et UX · Recommandée
taste-skill
Une famille de skills qui aide à éviter l’aspect générique d’une interface générée.
- Réglages de variance, de mouvement et de densité
- Variantes selon le modèle utilisé
Résultat
Une interface au rendu moins générique.
Leonxlnx · MIT
Design et UX · Recommandée
designer-skills
Une collection de skills pour designers : recherche, parcours, personas, ateliers, critique, design systems.
- Couvre de nombreux types de travail de design
- Une skill par activité, utilisée selon le besoin
Résultat
Un cadre de méthode pour chaque activité de conception.
Owl-Listener · MIT
Design et UX · Recommandée
layers-skills
Applique Layers of Product Design : des couches qui vont du comportement observé aux décisions de surface.
- Vérifie les fondations avant la surface
- Une entrée par couche
Résultat
Une décision de surface appuyée sur des besoins observés.
Jamie Mill · MIT
Design de l’IA
Idéation et création
Idéation et création · Recommandée
spec-ideation
Transforme une idée brute en spécification en trois phases : expansion, contraction, documentation.
- Les idées sont structurées avant d’être confiées à une IA
- Les décisions sont consignées avec les idées
Résultat
Une spécification claire, construite à partir d’une première idée brute.
cris-achiardi · MIT
Idéation et création · Recommandée
creative-director
Génère des concepts créatifs avec des méthodes d’idéation, puis les évalue et les affine.
- Part d’un insight avant toute idée
- Combine plusieurs méthodes pour élargir les pistes
Résultat
Des concepts évalués, avec une recommandation argumentée.
Serge Shima · CC BY 4.0
Idéation et création · Libre accès
signal-research
Surveille UI/UX, produit, IA et outils, puis propose des angles de contenu selon votre positionnement.
- Explore plusieurs domaines avec des requêtes prêtes
- Adapte les angles à un brief de positionnement
Résultat
Un brief de recherche avec des angles de contenu, prêt pour la rédaction.
Libre accès, MIT
Facilitation
Prototypage
Prototypage · Libre accès
prototype-anime
Joue un parcours d’écrans comme un film, sur mobile ou desktop, avec doigt ou curseur, saisie et caméra.
- Le parcours se déroule étape par étape à l’écran
- Un seul moteur pour une app mobile et un produit web
Résultat
Un film court pour une étude de cas, une présentation ou une démo.
Libre accès, MIT
Prototypage · Libre accès
ship-to-show
Transforme un prototype en étude de cas publiée en sept phases, avec vidéos et contenu bilingue.
- Sept phases du prototype à la publication
- Le contenu rédigé et les vidéos sont produits ensemble
Résultat
Une étude de cas publiée, avec ses démonstrations animées.
Libre accès, MIT
Prototypage · Recommandée
figma-console-mcp
Un serveur MCP qui relie l’IA à Figma pour lire et créer des designs, des tokens et des composants.
- Lire et créer dans Figma depuis la conversation
- Commandes pour auditer et documenter un design system
Résultat
Un design system consultable et modifiable depuis la conversation.
TJ Pitre, Southleft · MIT
Animation
Animation · Recommandée
emil-design-eng
Des principes pour soigner la finition d’une interface et choisir ses animations.
- Un cadre pour décider si, quand et comment animer
- Une attention aux petits détails qui s’additionnent
Résultat
Une interface où chaque détail de mouvement a une raison.
Emil Kowalski
Animation · Recommandée
transitions-dev
Une collection de transitions CSS prêtes à l’emploi pour modales, menus, badges et panneaux.
- Des transitions à copier et à brancher
- Un vocabulaire de mouvement partagé
Résultat
Des animations d’interface cohérentes, construites à partir de transitions existantes.
Jakub Antalik
Animation · Recommandée
transitions-polish
Affine des animations existantes selon une échelle de durées, de distances, de flous et de courbes.
- Audite les valeurs de mouvement d’un projet
- Règles d’ouverture, de fermeture et de décalage
Résultat
Un mouvement homogène sur l’ensemble du produit.
Jakub Antalik
Animation · Libre accès
drawing-animated-diagrams
Crée des diagrammes SVG pour React qui se dessinent à leur arrivée à l’écran, en encre et en gris.
- Une idée par diagramme, dessinée dans l’ordre de lecture
- Mêmes pièces et même mouvement dans chaque diagramme
Résultat
Un schéma animé qui explique un processus.
Libre accès, MIT
Illustration et schémas
Illustration et schémas · Libre accès
card-illustrations
Crée des illustrations de cartes : un fragment du sujet, des annotations et une touche de couleur d’accent.
- Des cartes cohérentes, en noir et blanc ou en couleur
- Des pièces réutilisables pour composer chaque scène
Résultat
Des vignettes dont l’image indique le contenu.
Libre accès, MIT
Illustration et schémas · Libre accès
marker-sketch
Crée des croquis au feutre sur papier à points, en SVG, dont un mode interactif.
- Un schéma clair en peu de temps, en réunion ou à l’écrit
- Le même style d’un croquis à l’autre
Résultat
Un croquis utilisable tout de suite pour expliquer ou décider.
Libre accès, MIT
Illustration et schémas · Libre accès
diagram-storytelling
Crée des zonings, wireframes et schémas minimalistes pour des slides, avec une idée par diagramme.
- Chaque diagramme se comprend seul
- On retire des éléments avant d’en ajouter
Résultat
Des schémas de présentation qui portent chacun une idée.
Libre accès, MIT
Écriture et marque
Écriture et marque · Libre accès
sober-writing
Applique un style d’écriture sobre : des faits, un raisonnement visible et des titres narratifs.
- Retire les tics d’écriture des modèles de langage
- Garde un ton de pair à pair et évite les superlatifs
Résultat
Un texte prêt à être lu ou publié, au ton déjà ajusté.
Libre accès, MIT
Écriture et marque · Libre accès
francais-parfait
Applique les règles d’écriture du français natif : accents, ligatures, guillemets, espaces insécables.
- Typographie française appliquée dans tout le texte
- Un style naturel qui évite les tournures non natives
Résultat
Un texte en français qui se lit comme écrit par une personne.
Libre accès, MIT
Écriture et marque · Libre accès
brand-system
Fournit un système de marque prêt à l’emploi : palette, typographie, dégradé, composants et ton.
- Tokens prêts à importer en CSS ou en JSON
- Une base à remplacer par la charte d’un projet
Résultat
Des livrables cohérents dès la première version.
Libre accès, MIT
Présentations
Présentations · Libre accès
slides
Fournit des tokens, quinze mises en page et des conventions de narration pour des présentations.
- Quinze mises en page pour choisir rapidement
- Des titres qui expriment la logique du deck
Résultat
Une présentation dont les titres suffisent à suivre le fil.
Libre accès, MIT
Présentations · Recommandée
pptx
Génère des présentations PowerPoint : slides, sections, tableaux, export en fichier .pptx.
- Génère des fichiers .pptx depuis la conversation
- Fonctionne avec slides et brand-system
Résultat
Un fichier de présentation prêt à télécharger.
Anthropic
Installer une skill
Chaque page de skill donne la commande à copier. Les trois façons d’installer, en bref.
- Claude.aiRéglages, Capacités, Skills, puis téléverser le zip tel quel.
- Claude CodeDécompresser l’archive dans ~/.claude/skills.
- CodexDécompresser l’archive dans ~/.agents/skills.