Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Stitch React Components skill
Converte designs do Stitch em componentes React/Vite ou sincroniza os existentes com o design
- instalações
- 7.500
- estrelas no GitHub
- 8.594
- No skills.sh desde
- junho 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.
Nas palavras de quem fez
Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using…
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 React Components 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 React Components, 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::react-componentsR$ 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
- Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.
Na mesma prateleira
Ver as 1.731 skills do corredorastrolicious
astro
O Claude monta páginas e componentes .astro, configura o projeto e publica o site na hospedagem que você usa, conferindo os erros antes do build.Auditada18,2 mil instalações, grátisbenjitaylor
agentation
Você clica no elemento da página, escreve o que quer mudar, e o Claude recebe a anotação apontando o trecho certo do código.Auditada13,7 mil instalações, grátisShopify
shopify-
A antiga skill de Liquid pros temas da Shopify hoje só avisa que saiu e manda trocar pela skill shopify, que cobre o Liquid e o resto da plataforma.Oficial12,9 mil instalações, grátisliquid tanstack-skills
tanstack-
O Claude monta a busca e o cache de dados do seu app React com TanStack Query v5, com recarga, paginação e atualização otimista no lugar certo.Auditada9.900 instalações, grátisquery onmax
reka-
O Claude monta modais, menus, selects e formulários acessíveis em Vue com Reka UI, prontos pra receber o visual que você quiser.Auditada7.400 instalações, grátisui sickn33
nextjs-
O Claude organiza seu site em Next.js com componente no servidor por padrão, cache certo e as telas de carregamento e erro que costumam faltar.Auditada7.400 instalações, grátisbest- practices assistant-ui
assistant-
O Claude escolhe os pacotes e o runtime certos e monta a tela de chat com IA do seu app React, ligada ao backend que você já usa.Auditada7.200 instalações, grátisui lobehub
zustand
O Claude escreve stores Zustand no padrão do código do LobeHub, com estado separado das ações e escrita otimista que volta atrás se falhar.Auditada6.900 instalações, grátis
Mais da loja Google Labs
Ver a loja Google LabsGoogle Labs
design-
As telas que você já desenhou no Stitch viram um DESIGN.md que faz as próximas telas saírem com a mesma cara.Oficial64,7 mil instalações, grátismd enhance-
Transforma ideias vagas de interface em prompts caprichados para o Stitch, com contexto do design systemOficialAuditada58,3 mil instalações, grátisprompt stitch-
O Claude gera cada página no Stitch, encaixa no site com a navegação ligada e deixa escrito qual é a próxima, pro ciclo continuar.OficialAuditada56,4 mil instalações, grátisloop shadcn-
O Claude escolhe, instala e ajusta os componentes do shadcn/ui no seu projeto, com as cores da sua marca, modo escuro e acessibilidade.OficialAuditada53,4 mil instalações, grátisui react:
Converte designs do Stitch em componentes React modulares com Vite e validação por ASTOficial50,4 mil instalações, grátiscomponents remotion
Gera vídeos de apresentação de projetos do Stitch com Remotion, com transições, zoom e textoOficialAuditada41,3 mil instalações, grátisstitch-
Você descreve a tela do seu jeito e o Claude pede ao Stitch uma versão caprichada, coerente com o resto do projeto, e baixa o HTML e a imagem.Oficial25,1 mil instalações, grátisdesign taste-
Um DESIGN.md com regras exatas de cor, fonte e layout pro Google Stitch gerar telas que não parecem feitas por IA.OficialAuditada20,2 mil instalações, grátisdesign stitch:
Gera telas novas a partir de texto ou imagem, edita telas e cria variações de design com o Stitch MCPOficial10,8 mil instalações, grátis: generate- design stitch:
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: extract- design- md stitch:
Gerencia design systems no Stitch via MCP: busca assets, cria, atualiza e aplica nas telasOficial10,3 mil instalações, grátis: manage- design- system stitch:
Converte código front-end (Vite, React, Angular, Vue) em um design do Stitch para você continuar iterandoOficial10,1 mil instalações, grátis: code- to- design