Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Modern Web Development skill
Reúne boas práticas web modernas com TypeScript, Next.js 14, Server Components, Supabase, GraphQL e Tailwind
- instalações
- 1.200
- estrelas no GitHub
- 286
- No skills.sh desde
- janeiro de 2026
- Licença
- Apache-2.0
Atualizada no GitHub em 8 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Modern web development best practices for TypeScript, Next.js 14, React Server Components, Supabase, GraphQL, and Tailwind CSS.
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
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Modern Web Development 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 Modern Web Development, 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 modern-web-developmentR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/mindrally/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 corredorexistential-birds
react-
O Claude monta editores de fluxo e diagramas interativos em React com o React Flow, com nós e ligações do seu jeito, zoom e eventos funcionando.Auditada1.300 instalações, grátisflow juliobsz
awwwards
De um pedido curto, tipo "faz meu portfólio, meu nome é Ana", o Claude entrega um site com conceito, tipografia, animação e QA no navegador.Auditada1.300 instalações, grátismindrally
alpine-
O Claude põe interação em páginas HTML com Alpine.js, como menu que abre e fecha e formulário que valida na hora, com pouco JavaScript.Auditada1.300 instalações, grátisjs jezweb
react-
Os formulários do seu app validam dos dois lados, mostram o erro no campo certo e não travam nem quando têm muitos campos.Auditada1.200 instalações, grátishook- form- zod pproenca
nextjs
O Claude escreve e revisa seu site em Next.js 16 seguindo 45 regras, sem repetir o jeito do Next 15 que já não vale.Auditada1.200 instalações, grátisVercel Labs
svelte
A IA descreve a tela em JSON e o seu app Svelte desenha tudo com os componentes do catálogo que você definiu.OficialAuditada1.200 instalações, grátisenderpuentes
pagespeed-
Sua página carrega mais rápido, para de pular na tela e mira nota 90 ou mais em desempenho, acessibilidade, boas práticas e SEO.Auditada1.100 instalações, grátisinsights playableintelligence
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
Mais da loja mindrally
Ver a loja mindrallyfastapi-
Ensina a construir APIs de alto desempenho com FastAPI e Python assíncronoAuditada13,9 mil instalações, grátispython nextjs-
Dá ao agente domínio de TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI e TailwindAuditada5.200 instalações, grátisreact- typescript web-
Ensina a fazer scraping e extração de dados com ferramentas e frameworks Python4.500 instalações, grátisscraping computer-
Orienta visão computacional com OpenCV, PyTorch e deep learning para processar imagem e vídeoAuditada3.800 instalações, grátisvision- opencv framer-
O Claude anima o seu site React do jeito que roda liso: movimento que não engasga, molas naturais e respeito a quem prefere menos movimento.Auditada3.000 instalações, grátismotion chrome-
Guia o desenvolvimento de extensões do Chrome com Manifest V3, segurança e desempenhoAuditada2.800 instalações, grátisextension- development accessibility-
Aplica boas práticas de acessibilidade web seguindo a WCAG, para interfaces inclusivasAuditada2.700 instalações, grátisa11y mysql-
Aplica boas práticas de MySQL em schema, otimização de consultas e administraçãoAuditada2.700 instalações, grátisbest- practices odoo-
Orienta o desenvolvimento no ERP Odoo: ORM em Python, views XML e arquitetura de módulosAuditada2.300 instalações, grátisdevelopment expo-
Ensina o agente a criar apps de celular com Expo, React Native e TypeScript seguindo boas práticasAuditada2.200 instalações, grátisreact- native- typescript redis-
Ensina boas práticas de Redis para cache, estruturas de dados e chave-valor de alto desempenhoAuditada2.200 instalações, grátisbest- practices machine-
Desenvolve machine learning com JAX, padrões de programação funcional e computação de alto desempenhoAuditada2.100 instalações, grátislearning