Aller au contenu

Testée sur une vraie tâcheCommunauté, vérifiéeDesign et front-end

Taste Skill

Une landing page construite autour d'une idée tirée de votre activité, vérifiée dans un vrai navigateur avant que vous la voyiez.

Installez Taste Skill gratuitement

Laissez votre email et les étapes d'installation s'ouvrent ici même : un prompt à coller dans votre outil d'IA. Valable pour les 149 skills.

Pas de spam. Désinscription en un clic. Nous utilisons votre e-mail pour vous envoyer la formation et des conseils IA.

Notre note
6/10
Fonctionne dans
Claude, ChatGPT+7 autres

Claude Code, Claude app, Codex, ChatGPT, Cursor, GitHub Copilot, Gemini CLI, Antigravity, OpenCode, Windsurf et plus de 60 autres outils d'IA qui lisent les skills.

Faut-il coder ?
Non
Temps jusqu'au résultat
50 min
Créé par
Leon Lin
Testée le
19 oct. 2026
Page d'accueil d'Atelier Noa sans la skillPage d'accueil d'Atelier Noa avec la taste skillAvec la skill
Deuxième test, une marque de sacs pour femmes : le même brief, les mêmes photos et les mêmes tours de retours. Sans la skill, Claude a ouvert comme une boutique de luxe classique, un titre à empattements entre deux photos de sacs. Avec la skill, les deux villes de la marque, Lisbonne et Porto, encadrent un sac sur un blanc chaud, et les sacs se relaient dans le cadre.

La réponse courte

Taste Skill est une skill de design pour Claude Code qui tire une direction de design documentée, interdit les habitudes courantes des pages faites par IA comme les mots d'accent et les étapes numérotées, et vérifie le résultat dans un vrai navigateur avant que Claude critique ses propres captures. Elle convient aux gérants et marketeurs qui veulent une landing page portée par une idée forte bien à elle et peuvent mener une session plus longue. Notre verdict est de 6/10 : avec le même prompt que Claude seul, elle a produit une page plus distinctive avec un sélecteur de places fonctionnel, mais la page de Claude seul était déjà riche et soignée, et la skill a pris deux fois plus de temps.

Idéal pour : Les gérants qui veulent une landing page portée par une idée forte bien à elle et acceptent une session Claude Code plus longue pour l'obtenir.

Envie de ce résultat dans votre propre travail ?

Inscrivez-vous gratuitement et installez Taste Skill en une minute environ. Un seul email ouvre les étapes d'installation de toutes les skills du site.

Pas de spam. Désinscription en un clic. Nous utilisons votre e-mail pour vous envoyer la formation et des conseils IA.

Quand l'utiliser

Vendre des cours ou des événements

Vous organisez des ateliers, dégustations ou cours et voulez que les gens réservent. Lors de notre test, elle a construit une page où les visiteurs choisissent un atelier et des places, voient le total, et le bouton rédige l'e-mail de réservation.

Une landing page avec un concept

Vous voulez une page dont on se souvient, pas un modèle agréable. La skill trouve un élément que seule votre activité possède, comme le tour de potier et les six places lors de notre test, et le répète dans chaque section.

Réparer une page qui fait IA

Votre page actuelle a de petits libellés au-dessus des titres, des cartes à icônes et des dégradés. La skill enregistre la page telle quelle, puis la reconstruit selon des règles qui suppriment ces habitudes et mesure l'avant et l'après.

Comment obtenir un excellent résultat

  1. Installez-la (étapes ci-dessous)

    Utilisez-la dans Claude Code sur un ordinateur avec Node 22 ou plus récent et Chrome, Edge ou Chromium. Les scripts n'installent rien d'autre.

  2. Donnez-lui des faits et de vraies photos

    Collez vos prix, adresse, contraintes et avis, et joignez vos propres photos. La skill liste huit à douze éléments que vous seul possédez, et l'idée de la page vient de cette liste : plus vous êtes précis, mieux c'est.

  3. Laissez-la choisir une direction

    Un script tire trois directions de design et Claude choisit celle qui convient à votre sujet, puis écrit l'idée en une phrase. Lors de notre test, il a choisi un seul motif : le cercle du tour répété partout, dans les couleurs des trois émaux de l'atelier.

  4. Attendez les vérifications

    Claude construit la page, lance un vérificateur dans le navigateur en largeur ordinateur, tablette et téléphone jusqu'à ce que rien n'échoue, puis note ses propres captures et corrige les trois principaux problèmes. Comptez un certain temps.

  5. Complétez les champs et branchez la réservation

    Cherchez [placeholder] dans la page et complétez dates, horaires et règles. Il n'y a ni vraie réservation ni paiement : le bouton rédige un e-mail ou pointe vers un lien que vous lui donnez.

Voici le prompt exact avec lequel nous avons commencé notre test :

Le prompt utilisé
Crée une landing page qui vend les ateliers de poterie du soir de Clay & Co, en un seul fichier HTML responsive, out/index.html (CSS et JS dans le fichier). Elle doit donner envie de réserver : présenter les trois ateliers, ce qu'on rapporte chez soi, le déroulé d'une soirée, les avis et un bouton de réservation clair. Je veux qu'elle ait l'air conçue par un grand studio, pas par une IA.

Tout ce qu'elle a produit

Chaque élément ci-dessous est un vrai résultat de notre test, ouvert comme vous l'ouvririez.

Page produit de l'Alma sans la skillPage produit de l'Alma avec la taste skillAvec la skill
La page produit de l'Alma. Les deux changent de couleur et ajoutent au panier ; la version avec la skill calcule aussi en direct la date de livraison et l'affiche sous le bouton.
Page d'accueil complète d'Atelier Noa faite avec la taste skill
La même page sur téléphone
Avec la skill, la page d'accueil entière : une palette calme expresso et os pour que le cuir apporte la couleur, un chapitre sombre « Fait main » avec de vraies photos et une carte façon ticket de caisse de ce qui accompagne chaque sac.
Page d'accueil complète d'Atelier Noa faite sans la skill
La même page sur téléphone
Sans la skill, la page d'accueil entière : soignée et facile pour acheter, avec un bandeau de livraison, une grille de six sacs avec Ajouter au panier sur chacun et deux cases rayées à la place des photos qu'il n'avait pas.
Sans la skillAvec la skillAvec la skill
Premier test, une page d'ateliers de poterie : sans la skill, Claude a ouvert sur une accroche sombre en deux colonnes avec un mot en italique terre cuite ; avec la skill, le premier écran transforme le tour de potier en cercle géant à côté d'une carte de titre centrée avec six cercles de places.

Le déroulé de la session

La conversation de notre test, raccourcie. Environ 50 minutes entre le premier prompt et le résultat final.

  1. Vous: Crée une landing page qui vend les ateliers de poterie du soir de Clay & Co, en un seul fichier HTML responsive (CSS et JS dans le fichier). Elle doit donner envie de réserver : présenter les trois ateliers, ce qu'on rapporte chez soi, le déroulé d'une soirée, les avis et un bouton de réservation clair. Je veux qu'elle ait l'air conçue par un grand studio, pas par une IA. [Fiche d'informations et 8 photos de l'atelier jointes.]
  2. AI: Ma lecture : un site d'une page qui vend trois ateliers du soir, et l'unique action est « Réserver une place ». Il n'y a pas de système de réservation, le bouton rédigera donc un e-mail avec les choix du visiteur.
  3. AI: Ce que seul cet atelier possède : 2210 SE Division St, une seule artisane, six places par soirée, les trois émaux, deux cuissons, les trois prix. J'écris chaque section comme une affirmation avec sa preuve avant tout design.
  4. AI: J'ai choisi « One motif » plutôt qu'une mise en page éditoriale ou une page uniquement typographique. Idée : la girelle ronde sur laquelle commence chaque pièce, et les six places autour, devient l'unique forme : recadrage de la photo d'accroche, masques photo, boutons ronds, six cercles de places et un logotype de pied de page fait de cercles.
  5. AI: J'ai redessiné l'accroche une fois car celle tirée au sort n'avait pas de photo et ajoutait une deuxième forme. J'ai gardé les proportions de la palette mais pris les couleurs de vos émaux : Speckled Oat, Midnight et Ash Green.
  6. AI: La critique du tour 1 a noté environ 7.1, plafonnée à 6 par les échecs : des animations tardives laissaient des écrans vides et le titre passait sur trois lignes sur tablette. J'ai corrigé les deux et réduit la page à cinq tailles de texte. Le tour 2 a noté environ 7.5.
  7. AI: Terminé : out/index.html. Champs à compléter : heure de début, prochaines dates, paiement, ce que sont les pièces de la Glaze Night, retrait ou envoi des pièces cuites, tabliers et argile. Les étapes du cours (pétrissage, centrage, tournage, étagère) relèvent du processus général de poterie, merci de confirmer. Points encore faibles : le grand cadre d'accroche et les champs à compléter visibles. Environ 50 minutes.

Ce qui a marché et ce qui a coincé

Ce qui a marché

  • Un vrai concept tiré de l'atelier lui-même : des cercles partout, du recadrage géant de la photo d'accroche aux six cercles de places et à un logotype de pied de page fait de cercles. Claude seul, avec le même prompt, a fait une page belle mais convenue, avec un mot d'accent en italique terre cuite et des étapes numérotées, deux choses que cette skill interdit.
  • Le sélecteur de places est un élément interactif vraiment utile : choisissez Make a Mug et 4 places, il affiche $320 et rédige l'e-mail à hello@clayandco.shop.
  • Son vérificateur dans le navigateur a repéré de vrais problèmes avant que nous les voyions, comme des sections capturées vides parce que les animations démarraient trop tard et un titre qui passait sur trois lignes sur tablette.
  • Elle est restée honnête sur les preuves : la citation de Sarah et la note de 4.9 sont présentées comme des avis Etsy sur les pièces, pas sur les ateliers, et les inconnues comme l'heure de début, les dates et le paiement sont marquées [placeholder].
  • Pour la marque de sacs, elle a bâti le concept sur l'histoire de la marque (dessinée à Lisbonne, fabriquée à Porto), a laissé les photos du cuir apporter toute la couleur sur une palette calme expresso et os, et calcule en direct la date de livraison sous Ajouter au panier.

Ce qui a coincé

  • Certains écrans semblent vides ou déroutants : un bloc vert sauge uni à côté du sélecteur, une accroche centrée dans un grand cadre, et six cercles alternant sombre et clair en haut qui passent pour de la décoration jusqu'à ce qu'on arrive au sélecteur.
  • La version de Claude seul était plus riche pour un acheteur : une fiche photo par atelier, un formulaire de réservation complet avec date et nom, une FAQ et une barre de réservation fixe sur téléphone.
  • Elle a pris environ 50 minutes, deux fois plus que Claude seul, et ses scripts demandent Node 22 et Chrome sur votre ordinateur.
  • Pour la marque de sacs, sa première palette, cobalt et jaune beurre sur sable, faisait bon marché et a demandé un tour de plus, alors que le look crème à empattements de Claude sans la skill a fonctionné du premier coup et sa grille de six sacs est plus facile pour acheter.

Envie de ce résultat dans votre propre travail ?

Inscrivez-vous gratuitement et installez Taste Skill en une minute environ. Un seul email ouvre les étapes d'installation de toutes les skills du site.

Pas de spam. Désinscription en un clic. Nous utilisons votre e-mail pour vous envoyer la formation et des conseils IA.

Des prompts qui marchent

Remplacez les parties entre crochets par vos propres informations. Inutile de nommer la skill : demandez la tâche et votre outil d'IA l'utilise tout seul.

Landing page qui vend des ateliers
Crée une landing page qui vend mes ateliers de [type], en un seul fichier HTML responsive. Elle doit donner envie de réserver : présenter les [nombre] ateliers, ce qu'on rapporte chez soi, le déroulé d'une séance, les avis et un bouton de réservation clair. Je veux qu'elle ait l'air conçue par un grand studio, pas par une IA. Utilise uniquement ces informations et marque le reste en [placeholder] : [collez les informations]. Photos : [joignez-les].
Site d'une page pour une petite entreprise
Conçois un site d'une page pour ma [boulangerie / mon studio / ma boutique] au [adresse]. Ce qui nous distingue : [vos contraintes, rituels, matériaux]. La seule action attendue des visiteurs est de [réserver / commander / venir]. Voici mes propres photos : [joignez-les].
Refaire une page d'accueil générique
Cette page d'accueil fait générique. Enregistre son aspect actuel, puis refais-la avec une direction plus forte, en gardant les couleurs de ma marque [codes hex], mes polices [noms] et tous les liens et formulaires actuels. Montre-moi des captures avant et après. Voici la page : [collez le HTML ou le dossier].
Portfolio avec une idée forte
Crée un portfolio d'une page pour mon activité de [photographie de mariage / illustration]. Utilise ces vrais projets et photos : [listez et joignez]. Trouve une idée dans mon travail et décline-la dans chaque section.

Ce qu'il vous faut : Les skills de l'application Claude fonctionnent avec toutes les offres Claude, Free comprise, avec l'exécution de code et la création de fichiers activées ; Claude Code demande Pro ou plus. Les scripts de cette skill demandent Node 22 ou plus récent et Chrome, Edge ou Chromium, donc en pratique elle tourne dans Claude Code ; l'usage dans l'application Claude n'est pas documenté..

Comment l'installer

Les skills suivent le standard ouvert Agent Skills, celle-ci n'est donc pas liée à une seule entreprise. Choisissez l'outil d'IA que vous utilisez. Vous hésitez ? Le premier onglet couvre la plupart d'entre eux en une étape.

Le plus simple : collez ceci dans votre outil d'IA
Installe cette skill pour qu'elle fonctionne dans tous mes projets : exécute `npx skills add https://github.com/Leonxlnx/taste-skill/tree/main/skills/taste-skill -g -y` dans mon terminal. S'il manque Node.js, explique-moi d'abord comment l'installer. Une fois terminé, confirme que la skill est installée et dis-moi comment commencer à l'utiliser.

Ou faites-le vous-même :

Une seule commande installe la skill dans les outils d'IA de votre ordinateur. Elle détecte ceux que vous avez et vous demande où l'ajouter : Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode et plus de 60 autres.

npx skills add https://github.com/Leonxlnx/taste-skill/tree/main/skills/taste-skill -g

Node.js doit être installé (gratuit, sur nodejs.org). L'option -g rend la skill disponible dans tous vos projets.

Bon à savoir : Le dépôt contient aussi des skills associées (brandkit, redesign, minimalist et variantes de génération d'images) ; npx skills add https://github.com/Leonxlnx/taste-skill --skill design-taste-frontend installe uniquement celle-ci.

Débloquez les étapes d'installation

Gratuit. Laissez votre email une seule fois pour ouvrir les étapes d'installation des 149 skills, et recevez chaque mois les meilleures nouvelles skills.

Pas de spam. Désinscription en un clic. Nous utilisons votre e-mail pour vous envoyer la formation et des conseils IA.

Comment nous l'avons vérifié

Nous avons vérifié la skill à sa source d'origine le 18 octobre 2026 : le SKILL.md est au bon endroit, les fichiers ont été mis à jour au cours de l'année et la licence (MIT) autorise son usage. Puis, le 19 octobre 2026, nous l'avons installée, utilisée sur la tâche ci-dessus sans la modifier, et noté ce qui s'est passé, y compris ce qui n'a pas marché.

Questions fréquentes

Faut-il savoir coder pour utiliser Taste Skill ?

Non. Vous décrivez votre activité avec des mots simples et Claude écrit le code, lance les scripts et corrige ce qu'ils trouvent. Il vous faut Node 22 ou plus récent et Chrome, Edge ou Chromium installés, et la skill ne publie pas la page pour vous.

Quelle offre ou quels outils Taste Skill demande-t-elle ?

Les skills de l'application Claude fonctionnent avec toutes les offres Claude, Free comprise, avec l'exécution de code et la création de fichiers activées ; Claude Code demande Pro ou plus. Les scripts de cette skill demandent aussi Node 22 ou plus récent et Chrome, Edge ou Chromium installés, prévoyez donc de l'utiliser dans Claude Code.

Taste Skill fonctionne-t-elle dans Claude.ai ?

L'usage dans Claude.ai n'est pas documenté. Sa boucle d'observation et de correction repose sur un vrai navigateur sur votre ordinateur, que Claude Code peut piloter, donc c'est dans Claude Code qu'il faut l'utiliser.

Est-elle meilleure qu'une simple demande à Claude ?

Différente, pas clairement meilleure. Avec le même prompt, Claude seul a fait une page riche et soignée en environ 25 minutes, avec un mot d'accent en italique, des étapes numérotées et des fiches photo ; avec la skill, Claude a passé environ 50 minutes sur une page plus audacieuse construite autour d'un motif de cercle, avec un sélecteur de places et moins d'habitudes d'IA, mais aussi quelques blocs qui semblent vides. Choisissez-la quand se démarquer compte plus que la rapidité.

Taste Skill invente-t-elle des avis ou des statistiques ?

Ses règles interdisent les clients, citations, avis, articles de presse, logos ou statistiques d'entreprise inventés. Lors de notre test, elle a présenté le seul vrai avis et la note de 4.9 comme des avis Etsy sur les pièces, pas sur les ateliers, et marqué les détails manquants comme les heures de début et les dates en champs à compléter.