Taste Lab
Taste Lab (/taste) transforme n'importe quelle URL de site web en un dossier complet et étayé de "goût de conception" – extrayant des mesures précises de l'interface utilisateur, des modèles système et un ADN du goût concis que vos agents IA peuvent suivre.
https://tastelab.xyz/?ref=producthunt&utm_source=aipure
Informations sur le produit
Mis à jour:Jun 16, 2026
Qu'est-ce que Taste Lab
Taste Lab est un outil d'analyse de conception qui déconstruit le "goût" visuel de n'importe quel site web et le convertit en un contexte de conception exploitable pour les agents et les constructeurs d'IA. En analysant une URL cible, il produit une sortie structurée qui comprend une carte de conception complète (des "tokens" de conception tels que les couleurs, la typographie, l'espacement, le rayon et les ombres) et un ADN du goût (le raisonnement et les compromis derrière les décisions de conception). L'objectif est d'aider les équipes et les outils d'IA à reproduire l'intention de conception d'un site avec clarté, en se basant sur des mesures objectives plutôt que sur des adjectifs de style vagues.
Caractéristiques principales de Taste Lab
Taste Lab (tastelab.xyz) est un outil/compétence d'analyse de conception qui transforme n'importe quelle URL de site Web en un « contexte de conception » complet pour les agents IA. Il utilise un pipeline multi-agents pour extraire des mesures précises de l'interface utilisateur (jetons comme les couleurs, la typographie, l'espacement, le rayon, les ombres), détecter les règles de conception au niveau du système et inférer l'« ADN du Goût » sous-jacent (principes avec déclencheurs, décisions, preuves et compromis). Les résultats sont produits à la fois en Markdown et en JSON et peuvent être intégrés dans les flux de travail de codage/conception IA populaires (par exemple, Cursor, Windsurf, Claude Code, Copilot) afin que les agents puissent construire une interface utilisateur cohérente qui correspond au goût de conception d'un site de référence.
Extraction de contexte de conception à partir d'URL: Saisissez l'URL d'un site Web et générez une carte de conception structurée capturant des jetons d'interface utilisateur objectifs tels que les couleurs hexadécimales, les tailles/poids de police, les unités d'espacement, les rayons et les ombres.
Mesures de haute précision (pas d'approximations): Cite des px/hex/ratios exacts dans environ 20 catégories de mesure, produisant un ensemble de jetons qui peut être réutilisé comme base de système de conception.
Détection de motifs en règles système: Dérive 5 à 8 règles systématiques des mesures extraites, chacune avec des preuves et un objectif de conception articulé (pourquoi la règle existe).
Principes de l'ADN du Goût avec compromis: Génère quatre « principes de goût » (y compris au moins un principe de restriction) qui expliquent le raisonnement derrière les choix de conception clés, étayés par des preuves et des compromis explicites.
Deux sorties : Markdown + JSON: Rédige un brief lisible par l'homme (.md) et un fichier consommable par machine (.json) afin que les équipes puissent examiner les décisions et que les outils puissent ingérer les jetons de manière fiable.
Intégrations de flux de travail pour les outils IA: Exporte vers des emplacements d'instructions spécifiques aux outils (par exemple, règles Cursor, règles Windsurf, CLAUDE.md, instructions Copilot) afin qu'un agent IA puisse appliquer le goût extrait lors des exécutions ultérieures.
Cas d'utilisation de Taste Lab
Clonage de conception pour un prototypage rapide: Les équipes produit peuvent fournir l'URL d'un concurrent ou d'une source d'inspiration pour générer un ensemble de jetons et de principes qui accélèrent la création d'une interface utilisateur similaire sans audit manuel.
Implémentation d'interface utilisateur guidée par agent dans le code: Les développeurs utilisant des assistants de codage IA peuvent joindre la sortie de Taste Lab afin que l'agent génère des composants/pages qui adhèrent à des décisions cohérentes en matière d'espacement, de typographie et de couleur.
Amorçage de système de conception pour les startups: Les équipes en démarrage peuvent créer un système de conception initial à partir d'un site de référence de haute qualité, produisant des jetons et des règles réutilisables pour maintenir la cohérence du produit à mesure qu'il évolue.
Audits de cohérence de marque/conception: Les responsables de la conception peuvent comparer les résultats sur plusieurs pages ou propriétés pour détecter les dérives dans les jetons et les règles, puis standardiser un ensemble unique de principes.
« Briefs de goût » réutilisables pour les agences: Les agences peuvent fournir un brief de conception concis et étayé par des preuves (jetons + principes + compromis) pour aligner les parties prenantes et réduire les allers-retours lors du transfert.
Avantages
Produit des jetons de conception précis et étayés par des preuves (px/hex/ratios) adaptés à une réutilisation programmatique.
Capture non seulement ce qu'est l'interface utilisateur, mais pourquoi elle est ainsi (principes + compromis), améliorant la fiabilité de l'agent et l'alignement de l'équipe.
Sorties dans des formats lisibles par l'homme et par la machine et se connecte à plusieurs chaînes d'outils IA.
Inconvénients
Axé sur l'extraction et la codification du goût de conception existant ; il peut être moins utile pour générer des directions visuelles entièrement nouvelles à partir de zéro.
Les meilleurs résultats dépendent de l'accessibilité/structure de la page Web cible et de la fidélité de l'extraction automatisée (par exemple, les styles dynamiques ou les interfaces utilisateur riches en canevas peuvent être plus difficiles à analyser).
Comment utiliser Taste Lab
1) Installer les prérequis: Ayez un environnement CLI prêt (Claude Code ou Gemini CLI). Vous aurez également besoin de Playwright MCP disponible (il télécharge un runtime Chromium ~100 Mo).
2) Cloner la compétence Taste dans le répertoire des compétences de votre agent: Clonez le dépôt dans le dossier approprié pour votre outil : Claude Code : `git clone https://github.com/senlindesign/taste-skill ~/.claude/skills/taste` ou Gemini CLI : `git clone https://github.com/senlindesign/taste-skill ~/.gemini/skills/taste`.
3) Ajouter le serveur Playwright MCP (configuration unique): Claude Code : exécutez `claude mcp add playwright -s user -- npx -y @playwright/mcp@latest --isolated`. Gemini CLI : ajoutez Playwright MCP à `~/.gemini/settings.json` comme suit : `{ "mcpServers": { "playwright": { "command": "npx", "args": ["-y", "@playwright/mcp@latest", "--isolated"] } } }`.
4) Redémarrez votre outil d'agent: Redémarrez Claude Code ou Gemini CLI afin qu'il charge la nouvelle compétence et la configuration du serveur MCP.
5) Exécutez Taste Lab sur une URL de site web: Exécutez la commande `/taste <url>` (exemple : `/taste https://linear.app`). Taste exécute un pipeline à 4 agents : Extraire les mesures → Détecter les modèles → Inférez le goût → Observateur (éditeur final/contrôle qualité).
6) Examinez les résultats générés: Chaque exécution produit deux fichiers : `{domain}.md` et `{domain}.json`. Ils contiennent (1) une carte de conception (des "tokens" comme les couleurs, la typographie, l'espacement, le rayon, les ombres avec des valeurs exactes) et (2) l'ADN du goût (4 principes avec Déclencheur, Décision, Raison, Preuve, Compromis ; inclut au moins un principe de Contrainte).
7) Utilisez la sortie pour guider votre outil d'IA: Appliquez le contexte de goût généré en le plaçant/l'ajoutant dans le fichier d'intégration que votre outil lit, par exemple Cursor : `.cursor/rules/{domain}-taste.mdc`, Windsurf : `.windsurf/rules/{domain}-taste.md`, Claude Code : `CLAUDE.md` (ajoutez une section Design Taste), GitHub Copilot : `.github/copilot-instructions.md`, Bolt : `.bolt/prompt`, Gemini : `GEMINI.md`.
8) Réexécutez votre agent avec le contexte de goût activé: Une fois le fichier de goût dans l'emplacement d'instruction/règles de votre outil, exécutez à nouveau vos tâches de construction/conception normales ; l'agent devrait récupérer les "tokens" de conception et les principes de l'ADN du goût lors de la prochaine exécution.
FAQ de Taste Lab
Taste Lab est un outil/compétence qui "rétro-ingénie" le "goût de design" d'un site web. Sa commande /taste transforme n'importe quelle URL en un contexte de design complet pour un agent IA, incluant une Carte de Design (jetons de design) et un ADN de Goût (principes et raisonnement).
Vidéo de Taste Lab
Articles populaires
Atoms : Une plateforme d'IA multi-agents qui transforme les idées en produits prêts à être lancés
May 22, 2026
Nano Banana SBTI : Qu'est-ce que c'est, comment ça marche et comment l'utiliser en 2026
Apr 15, 2026
Atoms : L'outil de création de produits IA qui redéfinit la création numérique en 2026
Apr 10, 2026
Kilo Claw : Comment déployer et utiliser un véritable agent d'IA "Faites-le pour vous" (Mise à jour 2026)
Apr 3, 2026
Derniers outils d'IA similaires à Taste Lab
Personalized License Plate Generator
Un outil alimenté par IA qui génère des conceptions de plaques d'immatriculation uniques et personnalisées en fonction des saisies de l'utilisateur.
Keak
Keak est un outil de test A/B alimenté par IA qui génère automatiquement des variations de site web, lance des tests et optimise les conversions.
Makeasite
Makeasite est un constructeur de sites web innovant qui permet aux utilisateurs de créer et de partager des sites web rapidement en utilisant simplement des invites.
Adviseful
Adviseful est un outil alimenté par l'IA qui accélère la planification d'applications web et mobiles pour les sociétés de conseil en informatique et les agences numériques, transformant les idées en leads qualifiés en quelques minutes.
Outils d'IA populaires comme Taste Lab
GPT Engineer
GPT Engineer est un outil de développement logiciel alimenté par l'IA qui permet à quiconque de construire des applications web en discutant avec un ingénieur IA.
Framer
Framer est un puissant constructeur de sites web qui permet aux concepteurs de créer des sites web réactifs et époustouflants avec une interface intuitive et de les publier instantanément sans coder.
Framer Workshop
Framer Workshop est un générateur de composants alimenté par l'IA intégré à Framer qui permet aux concepteurs et aux développeurs de créer des composants de site web avancés et personnalisables sans écrire de code grâce à de simples invites conversationnelles.
Wireframer
Wireframer est un outil basé sur l'IA de Framer qui génère rapidement des mises en page et des wireframes de pages web propres et réactifs à partir d'invites simples, aidant les concepteurs à créer des plans structurels sans se laisser enfermer dans des styles visuels spécifiques.