Was macht design-md?
Analysiere Stitch-Projekte und synthetisiere ein semantisches Designsystem in DESIGN.md-Dateien.
Analysiere Stitch-Projekte und synthetisiere ein semantisches Designsystem in DESIGN.md-Dateien.
Diese Fähigkeit ermöglicht es einem KI-Agenten, die Token- und Komponentenstruktur eines Stitch-Projekts zu analysieren und ein semantisches, wiederverwendbares Designsystem zu extrahieren. Das Ergebnis wird als konsistente DESIGN.md-Datei gespeichert, die als zentrale Referenz für Designer und Entwickler dient. Sie ist besonders nützlich, um Designkonsistenz sicherzustellen, Token-Werte zu dokumentieren und die Kommunikation zwischen Design- und Entwicklerteams zu verbessern. Unterstützte Plattformen umfassen Claude Code, Cursor und ähnliche KI-gesteuerte Entwicklungswerkzeuge, die mit der Stitch-Design-Token- und Komponentenbibliothek zusammenarbeiten.
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/design-mdAnalysiere Stitch-Projekte und synthetisiere ein semantisches Designsystem in DESIGN.md-Dateien.
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".