Que fait design-md ?
Analyser les projets Stitch et synthétiser un système de conception sémantique dans des fichiers DESIGN.md
Analyser les projets Stitch et synthétiser un système de conception sémantique dans des fichiers DESIGN.md
Cette compétence permet d'analyser les projets Stitch et de générer automatiquement un système de conception sémantique sous forme de fichiers DESIGN.md. Elle est utile pour les développeurs et les équipes de design qui souhaitent documenter et standardiser les décisions de conception (couches, thèmes, composants, tokens) directement dans le code source. La compétence s'applique aux projets utilisant Stitch comme bibliothèque de design system (par exemple, dans des environnements React/TypeScript). Elle fonctionne en parcourant les composants et les configurations du projet, en extrayant les motifs récurrents (couleurs, espacements, typographie), et en synthétisant une documentation structurée au format Markdown. L'output est un fichier DESIGN.md prêt à être versionné et partagé, facilitant la collaboration entre designers et développeurs.
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/design-mdAnalyser les projets Stitch et synthétiser un système de conception sémantique dans des fichiers DESIGN.md
This repo contains 6 individual skills — each has its own dedicated page.
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".