¿Qué hace design-md?
Analiza proyectos de Stitch y sintetiza un sistema de diseño semántico en archivos DESIGN.md
Analiza proyectos de Stitch y sintetiza un sistema de diseño semántico en archivos DESIGN.md
Esta habilidad, `google-labs-code/design-md`, está diseñada para desarrolladores y equipos que trabajan con proyectos basados en Stitch. Su propósito principal es analizar la estructura, componentes y patrones de diseño existentes en un proyecto Stitch y, a partir de ese análisis, generar o actualizar un archivo `DESIGN.md` que describa el sistema de diseño semántico subyacente. Es útil para documentar y estandarizar decisiones de diseño, facilitando la comunicación entre desarrolladores, diseñadores y stakeholders. La habilidad se apoya en la inspección del código fuente (como componentes, estilos, tokens y temas) para extraer principios de diseño, nombres de tokens, variantes de componentes y relaciones semánticas, y luego estructura esta información en un documento markdown legible y mantenible. Funciona principalmente con proyectos JavaScript/TypeScript que usan la biblioteca Stitch para la construcción de UI, aunque el enfoque conceptual puede aplicarse a otros sistemas de diseño.
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/design-mdAnaliza proyectos de Stitch y sintetiza un sistema de diseño semántico en archivos 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".