Stitch Extract Design MD skill

Extrai um design system (DESIGN.md) direto do código front-end em React, Vue, Svelte, Angular ou HTML/CSS

por Google LabsPublicada pela própria empresa

instalações: 10,6 mil
estrelas no GitHub: 8.594
No skills.sh desde: maio de 2026
Licença: Apache-2.0

Atualizada no GitHub em 17 de agosto de 2026. Dados conferidos em 26 de outubro de 2026, no GitHub.

Google Labs
stitch::extract-design-md
Extrai um design system (DESIGN.md) direto do código front-end em React, Vue, Svelte, Angular ou HTML/CSSOficial10,6 mil instalações, grátis

Nas palavras de quem fez

Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework.

Google Labs, no SKILL.md

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

Gen Agent Trust HubAinda não auditada
SocketAinda não auditada
SnykAinda não auditada

Perguntas

Como instalar a Stitch Extract Design MD no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Stitch Extract Design MD, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

Levar essa skill

1x stitch::extract-design-mdR$ 0,00

TotalR$ 0,00

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/google-labs-code/stitch-skills

Aprenda a usar

Claude Design: como usar, até no plano grátis
O Claude Design cria tela de site, protótipo e slide conversando, e agora vem até no plano grátis. Veja onde abrir, como usar e como levar pro Claude Code.