taste-design

Par google-labs-code · stitch-skills

Skill Google Stitch qui génère des fichiers DESIGN.md encodant un système de design premium et anti-générique pour guider l'agent Stitch dans la création d'interfaces.

npx skills add https://github.com/google-labs-code/stitch-skills --skill taste-design

taste-design — Skill de système de design sémantique pour Google Stitch

Ce skill fait partie de la bibliothèque stitch-skills de Google Labs, une collection de skills compatibles avec le standard ouvert Agent Skills et utilisables depuis des coding agents tels que Claude Code, Cursor, Gemini CLI ou Antigravity. Son rôle est de générer des fichiers DESIGN.md qui servent de source de vérité unique pour instruire l'agent Stitch lors de la création de nouveaux écrans.

Ce que fait ce skill

Lorsqu'il est invoqué, le skill analyse le contexte et la « vibe » du projet cible, puis produit un DESIGN.md structuré en sept sections : atmosphère visuelle, palette de couleurs calibrée (avec codes hexadécimaux et rôles fonctionnels), architecture typographique, comportements de composants, principes de layout, philosophie de motion, et une liste explicite d'anti-patterns à bannir. L'objectif déclaré est d'éviter les interfaces génériques produites par les outils IA — polices trop communes, gradients néon, mises en page symétriques paresseuses — au profit d'une esthétique premium et opinionée.

Le DESIGN.md généré est rédigé en langage naturel sémantique (descriptions évocatrices + valeurs précises), ce qui correspond au mode d'interprétation natif de Stitch : l'agent lit les descriptions pour produire des écrans cohérents sans avoir besoin de tokens CSS bruts.

Comment l'utiliser

Installez le skill via le CLI skills en pointant vers le repository google-labs-code/stitch-skills, puis invoquez-le depuis votre coding agent en lui fournissant une description de votre projet. Le skill pose des questions sur l'ambiance souhaitée (densité, variance, motion) et génère le fichier DESIGN.md à placer dans le dossier .stitch/ de votre projet. Ce fichier est ensuite référencé lors de chaque génération ou édition d'écran via le Stitch MCP Server.

Relation avec les autres skills du repo

Dans l'écosystème stitch-skills, taste-design est complémentaire au skill design-md (qui analyse un projet Stitch existant pour en extraire le système de design) et au skill stitch-design (point d'entrée unifié pour l'ensemble du workflow de design). Il s'inscrit dans la catégorie « Generate Designs » identifiée dans le README comme un cas d'usage prioritaire pour de nouveaux skills.

Skills similaires