Skills pour agentsDesign

Taste Skill : l'agent conçoit la page au lieu d'en faire la moyenne

Une page produite par un modèle ressemble d'ordinaire à la moyenne de toutes celles qu'il a vues. Taste Skill remplace ces réflexes par des choix : un script tire trois pistes sur vingt, étudiées sur 247 sites sélectionnés, l'agent retient celle qui sert le client, puise des images créditées dans des archives ouvertes et vérifie son travail dans un vrai navigateur.

101 792étoiles sur GitHub · #14

Ouvrir sur GitHub

Installation

  • skills CLI
    npx skills add Leonxlnx/taste-skill@design-taste-frontend
  • Claude Code plugin
    /plugin marketplace add Leonxlnx/taste-skill
  • Claude Code plugin
    /plugin install taste-skill@taste-skill

Télécharger le ZIP

Auteur
Leonxlnx
Licence
MIT
Pack
Un seul skill
Mis à jour
20 octobre 2026
Agents
Claude Code, Codex

Ce qu’il fait

  • draw.mjs tire trois pistes sur vingt, puis fournit pour celle retenue la typographie, la palette, l'ouverture et la composition des sections
  • L'idée vient du sujet : l'agent note 8 à 12 choses propres à ce client, sa rue, ses matériaux, ses horaires ou ses chiffres
  • Les images viennent de Wikimedia Commons, d'Openverse et du Met, en domaine public, CC0, CC BY ou CC BY-SA, avec les crédits sur la page
  • inspect.mjs ouvre la page à trois largeurs et la recale si elle sent le gabarit ; l'agent corrige ensuite les trois pires défauts, jusqu'à trois fois
  • Depuis la v2.1, tableaux de bord, vues d'administration et réglages suivent leur propre parcours avec draw.mjs --app et inspect.mjs --app

Quand s’en servir

  • Un client trouve son site trop générique, « fait par une IA », et veut qu'il ait une vraie personnalité
  • Il vous faut la page d'un café, d'un club ou d'un atelier, sans aucune photo fournie
  • Vous montez le site d'un produit et voulez que ses fragments d'interface aient l'air d'une app réelle

Demandez à l’agent

  • Fais un site d'une page pour une boulangerie de la rue des Martyrs qui allume son four à cinq heures
  • Cette page fait gabarit : vérifie-la dans le navigateur et refais l'ouverture
  • Conçois un tableau de bord des ventes avec des panneaux sobres et des graphiques honnêtes

Questions

Comment installer Taste Skill ?

Avec npx skills add et le nom d'installation design-taste-frontend. Dans Claude Code, il existe aussi en plugin : /plugin marketplace add Leonxlnx/taste-skill puis /plugin install taste-skill@taste-skill.

Taste Skill fonctionne-t-il dans Codex ?

Oui. Le README décrit un plugin Codex : codex plugin marketplace add Leonxlnx/taste-skill, puis codex plugin add taste-skill@taste-skill, et une nouvelle session.

Taste Skill demande-t-il une clé d'API ?

Non. Il n'installe rien et n'utilise aucune clé ; le réseau ne sert qu'à trouver des images dans des collections ouvertes.

DesignTous les skills