Taste Skill — Guide de configuration complet
mai 2026 · 3 min de lecture
Taste Skill — Guide de configuration complet
Stop le slop. Donne du goût à ton IA.
C'est quoi Taste Skill ?
Taste Skill est une collection de 13 fichiers SKILL.md open-source.
Tu les installes une fois. Ton agent IA les lit automatiquement.
Et il arrête de générer des interfaces génériques.
Compatible avec : Claude Code · Cursor · Codex · Gemini CLI · v0 · Lovable · OpenCode
Installation en une commande
npx skills add Leonxlnx/taste-skill
C'est tout. Tous tes agents héritent des règles automatiquement.
Les 13 skills disponibles
| Skill | À utiliser quand... |
|---|---|
design-taste-frontend (v2, défaut) |
Tu veux une UI premium qui ne ressemble pas à un template |
design-taste-frontend-v1 |
Tu veux l'ancienne version stable |
gpt-tasteskill |
Tu utilises GPT / Codex (variante plus stricte) |
image-to-code-skill |
Tu veux partir d'une image de référence |
redesign-skill |
Tu as un projet existant à refaire proprement |
soft-skill |
Tu veux un look calme, premium, beaucoup de whitespace |
output-skill |
Claude s'arrête à mi-chemin ou laisse des placeholders |
minimalist-skill |
Style Notion / Linear — épuré, typographique |
brutalist-skill (beta) |
Interfaces raw, mécaniques, typo suisse |
stitch-skill |
Tu travailles avec Google Stitch |
imagegen-frontend-web |
Génération d'images de référence web |
imagegen-frontend-mobile |
Génération d'images de référence mobile |
brandkit |
Création de brand kits (logo, couleurs, typo) |
Installer un skill spécifique
# Installer uniquement le skill minimalist
npx skills add https://github.com/Leonxlnx/taste-skill --skill "minimalist-skill"
# Rester sur la v1 si v2 pose problème
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend-v1"
Configurer taste-skill v1 (les 3 curseurs)
En haut du fichier SKILL.md, tu peux ajuster trois paramètres de 1 à 10 :
DESIGN_VARIANCE = 5
MOTION_INTENSITY = 4
VISUAL_DENSITY = 3
| Paramètre | 1–3 | 8–10 |
|---|---|---|
| DESIGN_VARIANCE | Layout centré, clean | Asymétrique, expérimental |
| MOTION_INTENSITY | Hover simple | Magnétique, scroll-triggered |
| VISUAL_DENSITY | Spacieux, luxueux | Dashboard dense |
La v2 n'a plus ces curseurs — elle infère la direction depuis ton brief automatiquement.
Comment ça marche concrètement ?
- Tu installes le skill → un fichier
SKILL.mdapparaît dans ton projet - Ton agent IA détecte automatiquement le fichier au démarrage
- Il lit les règles de design avant de générer quoi que ce soit
- Il applique : typographie, espacements, couleurs, animations, hiérarchie visuelle
Pas de config supplémentaire. Pas de plugin. Juste un fichier.
Ce que taste-skill v2 fait que v1 ne faisait pas
| Fonctionnalité | v1 | v2 |
|---|---|---|
| Inférence du brief | ❌ | ✅ |
| Dark mode automatique | ❌ | ✅ (contraste et hiérarchie parity) |
| Choix du design system (shadcn, Radix, Material...) | ❌ | ✅ |
| Audit avant redesign | ❌ | ✅ |
| Pre-flight check strict | ❌ | ✅ |
Les erreurs courantes
Mon agent ne prend pas en compte le skill
→ Vérifie que le fichier SKILL.md est bien à la racine du projet
→ Relance ton agent après l'installation
La v2 donne des résultats instables
→ Reviens sur v1 : --skill design-taste-frontend-v1
→ La v2 est encore en phase expérimentale
Claude s'arrête avant de finir le code
→ Installe output-skill en complément
Ressources
- 🌐 Site officiel : tasteskill.dev
- 💻 GitHub : github.com/Leonxlnx/taste-skill
- 🐦 Auteur : @lexnlin
- ⭐ 10 000 stars · 970 forks · Open-source · Gratuit