Stitch

A skill react:components converte designs do Stitch em componentes modulares de Vite e React para Frontend Development. Ela usa retrieval, verificações de arquivos locais e validação baseada em AST para manter a saída alinhada com tokens de design, arquivos existentes e restrições do projeto. Use este guia do react:components quando você precisar de código de componentes estruturado, e não de um dump pontual de JSX.

A skill enhance-prompt transforma ideias vagas de UI em prompts mais claros e prontos para o Stitch, com estrutura mais forte, vocabulário de UI/UX e contexto de design system. Use este guia de enhance-prompt para aumentar a precisão dos prompts, reduzir suposições e obter resultados mais consistentes na escrita de prompts e na geração de interfaces.

A skill design-md analisa projetos Stitch e transforma suas telas em uma fonte de verdade semântica em DESIGN.md para garantir consistência de layout, tom, cores e linguagem de componentes. Use o design-md para Design Systems quando você precisar de orientações acionáveis para futuras gerações no Stitch, e não apenas de um resumo visual.

A stitch-design-taste é uma skill de sistema de design do Google Stitch para implementação de design. Ela gera orientações em DESIGN.md, pensadas para agentes, com UI premium e nada genérica, incluindo tipografia clara, cores calibradas, layouts assimétricos, regras de motion e padrões proibidos. Use quando quiser um guia repetível de stitch-design-taste, em vez de um prompt pontual.

stitch-loop é uma skill de automação de workflows para criar páginas com Stitch em um loop iterativo de passagem de bastão. Ela ajuda agentes a ler `.stitch/next-prompt.md`, gerar a próxima página, integrá-la ao site e preparar a próxima transição com menos tentativa e erro.