google-labs-code

Automatiza o desenvolvimento iterativo de sites usando as ferramentas Stitch MCP e um padrão de loop de passagem de bastão. Os agentes geram páginas autonomamente, mantêm o contexto do projeto e continuam o desenvolvimento por meio de ciclos de melhoria contínua.

As equipes precisam de vídeos de explicação rápidos e consistentes para telas de aplicativos, mas a edição manual é lenta. Esta skill automatiza a recuperação de telas e a composição com Remotion para produzir vídeos prontos para renderização com transições e sobreposições.

Uma habilidade de IA para Claude, Codex e Claude Code

Transforme designs visuais do Stitch em código React limpo e modular com TypeScript e Tailwind CSS. Elimine a codificação manual de mockups de design com validação AST automatizada, garantindo consistência na qualidade do código.

Descrições vagas de interface frequentemente produzem resultados inconsistentes dos geradores de IA. Essa habilidade transforma ideias rough em prompts estruturados e detalhados que incluem contexto do sistema de design, nomes de componentes específicos e layouts claros de página para resultados de maior qualidade.

Sistemas de design muitas vezes ficam presos em valores técnicos de CSS que são difíceis de traduzir em prompts. Esta habilidade analisa ativos visuais e os traduz em documentação de design em linguagem natural que garante geração consistente de UI.