La boîte à outils

Ressources qui poussent l’IA de dev

Une sélection triée et testée : skills d’audit, base de CLAUDE.md, bibliothèques de skills, skills front-end, design de référence, outils d’optimisation et librairies UI. Chaque section est classée du plus utile au complémentaire, avec ce que ça fait et pourquoi c’est fort.

1 · Audit & workflow

Auditer, planifier, exécuter sans se perdre

Le gros morceau : faire écrire un plan solide par un modèle fort, puis l’exécuter étape par étape avec un modèle moins cher, sans dériver.

★ Must-have

shadcn/improve

Skill d’audit de code guidé par des règles. Elle cartographie le repo, lance des sous-agents en parallèle sur plusieurs catégories (qualité, sécurité, perf, accessibilité…), sort un tableau de findings, puis écrit un plan détaillé par sujet dans des fichiers .md avec un index ordonné.

La force : le plan est écrit par un gros modèle (Opus / Fable), puis exécuté à la suite par un modèle moins cher (Sonnet) dans un espace isolé, en comparant le diff au plan. Lecture seule sur ton code tant que tu ne lances pas l’exécution — « le plan est le produit ».

npx skills add shadcn/improve

github.com/shadcn/improve →

2 · La base d’un CLAUDE.md

Les règles qui cadrent l’agent

Un bon CLAUDE.md (ou AGENTS.md) change tout : il dit à l’IA comment se comporter. À piocher dedans plutôt qu’à copier tel quel.

Fondations

karpathy-skills · CLAUDE.md

Un CLAUDE.md dérivé des observations d’Andrej Karpathy sur les ratés typiques des LLM. Les principes à récupérer : ne jamais supposer (expliciter les hypothèses, demander si c’est ambigu), oser contredire et signaler une incohérence plutôt que foncer, viser la simplicité (le minimum de code, rien de spéculatif), et travailler par objectifs avec une boucle de vérification.

multica-ai/andrej-karpathy-skills →

3 · Bibliothèque de skills

Une réserve de skills prêts à l’emploi

Banger

alirezarezvani/claude-skills

Un dépôt massif : plus de 340 skills, des dizaines d’agents et des personas, rangés par catégorie. Compatible Claude Code, Codex, Gemini CLI et Cursor. Idéal comme catalogue : tu piochent ce dont tu as besoin au lieu de tout réécrire.

/plugin marketplace add alirezarezvani/claude-skills

github.com/alirezarezvani/claude-skills →

4 · Skills front-end

Pour un design qui ne fait pas « IA »

Ceux que j’utilise pour éviter le rendu générique et gagner en goût.

Anti-slop

impeccable

Skill design qui traque le « AI slop » : Inter partout, dégradés violet-bleu, cartes dans des cartes, la petite tuile d’icône arrondie… Il embarque des dizaines de règles de détection et des commandes (init, polish, audit, critique) pour nettoyer une interface.

npx impeccable install

github.com/pbakaus/impeccable →

Goût

taste-skill

Une skill orientée « goût » : elle pousse l’IA à faire des choix visuels plus fins (hiérarchie, espacement, contraste, cohérence) au lieu de sorties plates. Bon complément d’impeccable pour élever le niveau esthétique.

github.com/Leonxlnx/taste-skill →

Officiel

Anthropic · frontend-design

Le SKILL.md officiel du plugin frontend-design de Claude Code. Une référence propre et maintenue par Anthropic pour cadrer la qualité d’un front : structure, states, accessibilité, cohérence visuelle.

anthropics/claude-code · frontend-design →

5 · Design de référence

S’inspirer de vrais sites

Inspiration

getdesign.md

Un site qui publie des design.md de grandes marques (Spotify, Apple, BMW, Binance…) : couleurs, typo, ton, patterns. Parfait à donner à l’IA comme référence de direction artistique quand tu veux un rendu « à la manière de ».

À savoir : ce sont des reconstructions indépendantes de patterns publics, pas des fichiers officiels des marques. À utiliser comme inspiration, pas comme source exacte.

getdesign.md →

6 · Optimisation

Mémoire, coût et contexte maîtrisés

Pour les outils qui indexent ou réduisent les coûts, pense à le préciser dans ton CLAUDE.md.

Mémoire

claude-mem

Mémoire persistante pour Claude Code. À chaque session, l’outil enregistre des observations, en génère des résumés par IA et les stocke dans une base SQLite locale (avec recherche vectorielle). Au démarrage suivant, il réinjecte le contexte utile : l’agent se souvient des sessions précédentes. Très fort pour ne pas repartir de zéro.

/plugin marketplace add thedotmack/claude-mem

github.com/thedotmack/claude-mem →

Coût

rtk

Réduit le coût des commandes de dev courantes (grep, ls, etc.) en les rendant plus économes en tokens. À déclarer dans le CLAUDE.md pour que l’agent l’utilise par défaut.

github.com/rtk-ai/rtk →

Contexte

codegraph

Indexe tout ton code pour que l’agent interroge un graphe plutôt que de tout relire : gros gain de tokens sur les grosses bases. Comme rtk, à mentionner dans le CLAUDE.md pour qu’il soit utilisé en priorité.

github.com/colbymchenry/codegraph →

7 · Librairies UI

Des composants sympas à piocher

Cadeau : quelques librairies de composants et d’effets pour habiller un front vite.

Composants

Appica UI

Collection de composants d’interface prêts à intégrer pour aller vite sur un produit.

appica.dev/ui
Effets

Orbs

Générateur d’orbes / dégradés animés pour des fonds et accents visuels soignés.

orbs.jakubantalik.com
Composants

Canvas UI

Kit de composants pour composer des interfaces modernes rapidement.

canvasui.dev
Composants

Kumo UI

Librairie de composants soignés pour un rendu propre sans repartir de zéro.

kumo-ui.com

Le mot de la fin

Combine, ne collectionne pas

Le vrai gain vient de la combinaison : un CLAUDE.md solide, un skill d’audit qui planifie, une mémoire persistante, une indexation qui économise les tokens, et des skills design pour la finition. Prends ce qui sert ton projet, branche-le, et garde ton CLAUDE.md comme chef d’orchestre.

Retour à l’accueil →