Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

DESIGN.md haut de gamme pour Google Stitch v1.0.0

Utilisez cette ressource pour rédiger un DESIGN.md pour générer des écrans non génériques

Nouveau

  • 325 téléchargements
  • 145 mentions J'aime
  • 146 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install stitch-taste-design-md

Sans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent analyse l'intention de votre projet puis rédige un DESIGN.md en neuf étapes : atmosphère, palette avec codes hexadécimaux, règles typographiques, section d'accueil, composants, mise en page, règles responsive, mouvement et liste des clichés à bannir. Vous obtenez un document de référence que Google Stitch, ou tout autre agent de code, peut suivre pour produire des écrans cohérents.

Choisie surtout par

Mise à jour le 2 novembre 2026

Extrait d'un fichier DESIGN.md avec palette, typographie et règles de composants

Caractéristiques

Guides d'installation
Génère avec
Le modèle de votre agent
Licence
Apache-2.0

Ressources similaires

Tout voir

Ce que vous obtenez

  • SKILL.md : la méthode en neuf étapes pour écrire le DESIGN.md, traduit en français
  • resources/DESIGN.md : un exemple complet avec réglages de créativité, densité, variance et mouvement
  • Une liste d'anti-modèles prête à réutiliser (polices, noir pur, néons, données inventées)

Pour qui

  • Cadrer le style d'un site ou d'une application avant de générer les écrans
  • Donner à un agent de code des règles de design précises plutôt que « fais joli »
  • Documenter l'identité visuelle d'un projet dans un seul fichier

Pas pour qui

  • Générer directement des images ou des maquettes sans passer par un DESIGN.md
  • Imposer un style très chargé ou maximaliste, car la skill privilégie la retenue et une seule couleur d'accent

Étiquettes

  • design-md
  • direction artistique
  • typographie
  • interface
  • stitch

À propos

Vous dites

« Écris un DESIGN.md pour le site de mon cabinet de conseil, ambiance éditoriale sobre, créativité 6, densité 4. »

Extrait d'un fichier DESIGN.md avec palette, typographie et règles de composants

Skill publiée par google-labs-code sous licence Apache-2.0, traduite par PalateKit.

Voir plus

Prérequis

À préparer
Une description de votre projet et de l'ambiance voulue et Vos contraintes de marque (couleur, polices) si elles existent

Comment l'utiliser

  1. Décrivez le projet et l'ambiance souhaitée à l'agent
  2. L'agent fixe les réglages et rédige le DESIGN.md section par section
  3. Enregistrez-le à la racine du projet et demandez à votre agent de le suivre pour chaque écran

Aperçu du contenu

Fichiers

  • LICENSE11,2 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • resources/DESIGN.md12,5 Ko
  • SKILL.md14,8 Ko

Origine et licence

Modifié par PalateKit

Auteur
google-labs-code
Source
github.com/google-labs-code/stitch-skills/tree/0337446dadde6f8c94210444e2aa9d546126480f/plugins/stitch-utilities/skills/taste-design
Licence
Apache-2.0

Notice

Version modifiée de « taste-design » (google-labs-code, Apache-2.0) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

Faut-il un compte Google Stitch ?

Non pour rédiger le DESIGN.md. Stitch et son serveur MCP ne servent que si vous voulez générer les écrans dans cet outil ; le fichier fonctionne aussi avec d'autres agents.

Peut-on changer le style par défaut ?

Oui. Les quatre réglages (créativité, densité, variance, mouvement) et les polices proposées s'adaptent à votre projet ; les interdits sont modifiables dans le fichier.