O que design-md faz?
Analisar projetos Stitch e sintetizar um sistema de design semântico em arquivos DESIGN.md
Analisar projetos Stitch e sintetizar um sistema de design semântico em arquivos DESIGN.md
Esta skill permite que agentes de IA, como Claude Code e Cursor, analisem automaticamente projetos baseados no framework Stitch e extraiam um sistema de design semântico completo, documentado em um arquivo DESIGN.md. Ela examina componentes, tokens de design, estilos e padrões de uso, identificando relações entre cores, tipografia, espaçamentos e outras propriedades de design. O resultado é uma documentação coesa e legível que descreve a linguagem visual do projeto, facilitando a manutenção, a colaboração e a consistência entre diferentes partes da aplicação. A skill é especialmente útil para equipes que desejam manter uma única fonte de verdade (single source of truth) para decisões de design dentro do código, promovendo a adoção de princípios de design atômico e sistemas de design escaláveis.
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/design-mdAnalisar projetos Stitch e sintetizar um sistema de design semântico em arquivos 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".