Taste icon

Taste

Taste est un skill Claude Code qui analyse le design d’un site depuis une URL et le transforme en tokens de design et en justification, au format Markdown et JSON.

Taste

Aperçu

Taste est un skill Claude Code pour lire le design taste d’un site web à partir d’une URL. Il transforme une page en contexte de design qu’un agent d’IA peut utiliser, en combinant des tokens extraits avec la justification des décisions visuelles.

Selon la page d’accueil, chaque exécution analyse un site en quatre passes : mesures, motifs, inférence du goût et revue par un observateur. Le résultat est un brief compact avec un ensemble complet de tokens et un ensemble de principes de goût expliquant ce que le design choisit et ce à quoi il renonce.

Fonctionnalités

Pipeline d’analyse en quatre étapes

Traite une URL à travers quatre rôles d’agent afin que la même page soit examinée sous les angles de la mesure, des motifs, de l’inférence du goût et de la relecture éditoriale.

Extraction de tokens de design

Collecte les valeurs de design exactes de la page, notamment les couleurs, espacements, rayons, ombres, typographies et autres mesures citées en pixels, valeurs hexadécimales et ratios.

Sortie de justification du goût

Produit 4 principes de goût qui expliquent la logique de design derrière les choix, notamment le déclencheur, la décision, la raison, la preuve et le compromis.

Contrôle qualité et validation

Exécute une porte de qualité anti-slop qui valide le JSON avant l’écriture des fichiers finaux.

Sortie en double fichier

Écrit deux fichiers de sortie pour chaque exécution : un brief `.md` et un fichier `.json` nommé d’après le domaine analysé.

Cas d’utilisation

  • Analyser à rebours le design d’un site

    Utilisez Taste lorsque vous souhaitez inspecter un site existant et extraire les tokens de design et la justification qui semblent structurer son système visuel.

  • Fournir du contexte de design à un agent d’IA

    Utilisez-le lorsque vous avez besoin d’un contexte de design structuré qu’un agent de codage IA peut transformer en décisions d’implémentation ou en fichiers de règles.

  • Générer des artefacts de design réutilisables

    Utilisez-le pour produire un brief et un fichier JSON lisible par machine pour un domaine spécifique, puis réutiliser cette sortie dans des exécutions ou des outils ultérieurs.

  • Standardiser l’analyse entre sites

    Utilisez-le lorsque vous comparez plusieurs sites web et que vous voulez des catégories de mesure cohérentes et une analyse fondée sur des principes plutôt que des notes subjectives.

Pros and Cons

Pros

  • Utilise un flux de travail structuré en plusieurs passes au lieu d’un simple résumé en une passe.
  • Capture des mesures de design concrètes avec des valeurs exactes plutôt que des approximations.
  • Associe les tokens bruts à une explication, ce qui peut aider un agent d’IA à reproduire l’intention de design.
  • Fournit des sorties en Markdown et en JSON pour une utilisation ultérieure par des outils.
  • Inclut une porte de qualité pour filtrer les sorties invalides ou de faible qualité.

Cons

  • La page tarifaire est indisponible dans les éléments recueillis, donc les prix et la structure des offres ne sont pas confirmés.
  • Le site documente explicitement la configuration uniquement pour Claude Code et Gemini CLI, même s’il mentionne plusieurs autres cibles d’outils.

FAQ

Quelles plateformes Taste prend-il en charge ?

Il semble s’agir d’un skill Claude Code qui peut aussi être utilisé avec Gemini CLI. La page d’accueil liste également des chemins de sortie pour Cursor, Windsurf, GitHub Copilot, Bolt, Antigravity, v0 by Vercel, Figma et Lovable, mais le site ne montre explicitement des exemples de configuration que pour Claude Code et Gemini CLI.

À quoi ressemble la sortie ?

La page d’accueil décrit un flux en quatre étapes : extraire les mesures d’une page web, détecter les motifs, inférer le goût, puis exécuter un passage d’observation qui filtre le résultat. Le produit final est un fichier `.md` et un fichier `.json` pour le domaine analysé.

Comment l’utiliser ?

La page d’accueil montre une configuration en trois étapes pour Claude Code ou Gemini CLI : cloner le skill dans le répertoire des skills correspondant, installer Playwright MCP, puis redémarrer le CLI et lancer `/taste` sur une URL.

À qui s’adresse-t-il ?

Le site indique que le skill peut lire le design taste de n’importe quel site web et produire un contexte de design à partir d’une URL. Il s’adresse aux agents d’IA et aux développeurs qui veulent des tokens de design structurés et une justification issue d’un site existant.

Le prix est-il disponible ?

La page `/pricing` renvoie actuellement une erreur 404, donc le site ne fournit pas de modèle tarifaire publié dans les éléments recueillis.

Quick Facts

Catégorie
Outil pour développeurs
Format principal
skill Claude Code
Exemples de CLI pris en charge
Claude Code, Gemini CLI
Domaine source
tastelab.xyz
Fichiers de sortie
.md et .json
Tarification
Non publiée dans les éléments recueillis