Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Design Loop skill
Constrói sites de várias páginas num loop autônomo: gera cada página em HTML e Tailwind, verifica e segue
- instalações
- 1.000
- estrelas no GitHub
- 1.076
- No skills.sh desde
- março de 2026
- Licença
- MIT
Atualizada no GitHub em 9 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Autonomous multi-page site builder using a baton-passing loop. Each iteration reads a task from .design/next-prompt.md, generates a page in HTML/Tailwind,…
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 HubPassou
- SocketAlerta
- SnykPassou
Perguntas
Como instalar a Design Loop 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 Design Loop, 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 design-loopR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/jezweb/claude-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 corredorplayableintelligence
threejs-
O Claude monta um jogo 3D que roda no navegador do computador e do celular, com começo, fim, placar e reinício sem bug.Auditada1.100 instalações, grátisgame Vercel Labs
jotai
O Claude conecta a interface do json-render ao estado do Jotai do seu app, e os dois passam a ler e gravar os mesmos dados.OficialAuditada1.100 instalações, grátisxstate
Quem monta interface com o json-render, da Vercel Labs, passa o estado da tela pro XState Store em poucas linhas, sem escrever o adaptador na mão.OficialAuditada1.100 instalações, grátisFactory
no-
O Claude para de pôr useEffect por via das dúvidas no seu app React e usa o padrão certo pra cada caso, com menos render duplicado e condição de corrida.OficialAuditada1.000 instalações, grátisuse- effect athevon
compose-
O Claude escreve um único código em Kotlin pra Android, iPhone, desktop e navegador, e sabe onde cada sistema foge do padrão.Auditada951 instalações, grátismultiplatform dalestudy
storybook
O Claude escreve as stories dos seus componentes no padrão atual do Storybook, enxutas, tipadas e fáceis de mexer no painel de controles.Auditada939 instalações, grátismindrally
wordpress
O Claude escreve tema, plugin e personalização de WooCommerce no padrão do WordPress, com segurança e sem mexer no que a atualização apaga.Auditada894 instalações, grátisrevenuecat
revenuecat
Você pede em português e o Claude cria produto, oferta e paywall do seu app no RevenueCat, ou puxa os números de assinatura, sem abrir o painel.Auditada840 instalações, grátis
Mais da loja jezweb
Ver a loja jezwebjezweb
shadcn-
Instala e configura componentes shadcn/ui em projetos React, na ordem e com as dependências certasAuditada3.600 instalações, grátisui color-
Gera paletas de cor acessíveis a partir de um hex da marca: escala de 11 tons, modo escuro e Tailwind v4Auditada3.200 instalações, grátispalette tailwind-
Monta UI com Tailwind v4 e shadcn/ui em tema com modo escuro: dependências, variáveis CSS e alternadorAuditada3.200 instalações, grátistheme- builder wordpress-
Texto, botão, imagem e template de página do Elementor trocados pelo Claude, com backup antes e print pra conferir depois.Auditada2.900 instalações, grátiselementor ux-
Percorre um app web como usuário real para achar bugs de usabilidade e de comportamento2.800 instalações, grátisaudit tailwind-
Configura Tailwind v4 com shadcn/ui no padrão @theme inline, com variáveis CSS, em quatro passosAuditada2.600 instalações, grátisv4- shadcn tanstack-
Gerencia estado de servidor em React com TanStack Query v5: updates otimistas, throwOnError e modo offlineAuditada2.500 instalações, grátisquery image-
Redimensiona, corta, converte (PNG/WebP/JPG) e otimiza imagens para web, com miniaturas e cards OG2.400 instalações, grátisprocessing favicon-
Gera favicons a partir de logo, texto ou cores da marca, com SVG, ICO, ícones e manifest webAuditada2.200 instalações, grátisgen tanstack-
Monta um app full-stack com TanStack Start no Cloudflare Workers, com SSR, D1, Drizzle e loginAuditada2.200 instalações, grátisstart fastapi
Monta APIs em Python com FastAPI, Pydantic v2 e SQLAlchemy 2.0 assíncrono: estrutura, JWT e validaçãoAuditada2.000 instalações, grátisgoogle-
O Claude escreve o script pronto pra colar na sua planilha do Google e passa o passo a passo pra instalar e autorizar.Auditada2.000 instalações, grátisapps- script