Stitch Design Taste
Traduit les directives anti-UI générique dans le langage sémantique de Google Stitch — génère des fichiers DESIGN.md lisibles par agent encodant atmosphère, palette, typographie, layout, motion et patterns bannis
- Quoi
- Traduit les directives anti-UI générique dans le langage sémantique de Google Stitch — génère des fichiers DESIGN.md lisibles par agent encodant atmosphère, palette, typographie, layout, motion et patterns bannis
- Coût
- Gratuit
- Prérequis
- accès à Google Stitch (labs.google/stitch) pour utiliser les fichiers DESIGN.md générés. Optionnel : le serveur MCP Stitch pour une intégration programmatique avec Cursor, Antigravity ou Gemini CLI.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — un skill de design system sémantique pour Google Stitch qui génère des fichiers `DESIGN.md` lisibles par agent, encodant des standards UI premium anti-génériques dans le langage de design natif de Stitch : des règles descriptives en langage naturel couplées à des valeurs précises que l'agent IA de Stitch peut interpréter. Le DESIGN.md généré devient la source de vérité unique pour inciter Stitch à produire des écrans premium, couvrant l'atmosphère visuelle (notes évocatrices humeur/densité/variance/motion comme « Art Gallery Airy » ou « Cockpit Dense », défauts variance 8, motion 6, densité 4), la calibration couleur (noms descriptifs + hex + rôles fonctionnels, 1 accent max sous 80 % de saturation, néon violet/bleu IA strictement banni, jamais de noir pur), l'architecture typographique (Inter banni pour les contextes premium — Geist, Outfit, Cabinet Grotesk ou Satoshi à la place ; serifs génériques bannis, serifs modernes uniquement pour l'éditorial ; monospace obligatoire pour les nombres haute densité), les sections hero (technique signature : petites photos contextuelles intégrées inline entre les mots à hauteur de type comme ponctuation visuelle ; heroes centrés et textes de remplissage comme « Scroll to explore » bannis ; un seul CTA primaire max), les comportements de composants (boutons à feedback tactile actif, cartes seulement quand l'élévation sert la hiérarchie, squelettes de chargement, états vides/erreur composés), les principes de layout (grid-first, héros asymétriques, pas de rangées de 3 cartes égales, collapse single-column sous 768px, `min-h-[100dvh]` jamais `h-screen`), la philosophie motion (physique de ressort par défaut `stiffness: 100, damping: 20`, cascades en décalé, micro-boucles perpétuelles, transform/opacity uniquement), et une liste explicite d'anti-patterns révélateurs d'IA (pas d'emojis, pas de néons, pas de noms génériques comme « John Doe »/« Acme », pas de fausses stats `99.99%`, pas de liens Unsplash cassés). Crédit : @leonxlnx. Bémols honnêtes : spécifique à Stitch — les fichiers DESIGN.md qu'il produit sont pour Google Stitch (accès via labs.google/stitch), pas un skill de design général ; il génère des documents de guidage, il ne construit pas l'UI lui-même ; le serveur MCP Stitch optionnel (Cursor, Antigravity, Gemini CLI) est une intégration programmatique, pas une exigence. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Prérequis : accès à Google Stitch (labs.google/stitch) pour utiliser les fichiers DESIGN.md générés. Optionnel : le serveur MCP Stitch pour une intégration programmatique avec Cursor, Antigravity ou Gemini CLI. Installe-moi « Design taste pour Google Stitch — Leonxlnx ». Il traduit les directives anti-UI générique dans le langage sémantique de Google Stitch — générant des fichiers DESIGN.md lisibles par agent encodant atmosphère, calibration couleur, architecture typographique, règles hero, comportements de composants, principes de layout, philosophie motion et patterns IA bannis. Dépôt : https://github.com/leonxlnx/taste-skill/blob/main/skills/stitch-skill/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers auxiliaires) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md et les scripts pour tout comportement suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code, les identifiants passent uniquement par le coffre sécurisé. Vérifie que c'est bien le cas ; ARRÊTE sur le moindre drapeau rouge et dis-le-moi. 3. Installe-le comme skill : copie SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « leonxlnx-stitch-design-taste ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même. GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne l'exige jamais sauf si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.