Faz a IA criar as telas do seu site do jeito certo e rápido, seguindo o padrão de qualidade da Vercel (a empresa dona do Next.js).
Como usar · exemplo e limites →npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesCatálogo em português, feito pela comunidade, de skills prontas pra turbinar seus agentes — Claude, GPT, Gemini, Codex. Acha pelo nicho, copia o comando, usa.
npx skills add <owner/repo>
SEU PROJETO, PASSO A PASSO
23 páginas, 6 etapas, 14 skills e modelos para sair do pedido solto e organizar a construção.
Faz a IA criar as telas do seu site do jeito certo e rápido, seguindo o padrão de qualidade da Vercel (a empresa dona do Next.js).
Como usar · exemplo e limites →npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesOlha o visual do seu site e aponta o que melhorar em acabamento, facilidade de uso e acessibilidade (uso por todo mundo, inclusive quem tem alguma deficiência).
Como usar · exemplo e limites →npx skills add vercel-labs/agent-skills --skill web-design-guidelinesCria telas de site bonitas e caprichadas, fugindo daquela cara "genérica de IA".
Como usar · exemplo e limites →npx skills add anthropics/skills --skill frontend-designDeixa o banco de dados (o lugar onde o site guarda as informações) mais rápido e bem organizado, no padrão da Supabase.
Como usar · exemplo e limites →npx skills add supabase/agent-skills --skill supabase-postgres-best-practicesAjuda a construir o "motor" do site na Supabase: banco de dados, login dos usuários e guardar arquivos.
Como usar · exemplo e limites →npx skills add supabase/agent-skills --skill supabaseConfigura a ligação do seu sistema com o banco de dados e resolve os problemas de conexão.
Como usar · exemplo e limites →npx skills add prisma/skills --skill prisma-database-setupFaz a IA escrever primeiro o teste e depois o código — assim cada pedaço já nasce conferido e funcionando.
Como usar · exemplo e limites →npx skills add obra/superpowers --skill test-driven-developmentUm método pra achar a causa de um erro passo a passo, em vez de sair chutando solução.
Como usar · exemplo e limites →npx skills add obra/superpowers --skill systematic-debuggingRevisa as mudanças no código procurando erros e conferindo se ficou do jeito que a tarefa pedia.
Como usar · exemplo e limites →npx skills add mattpocock/skills --skill code-reviewEnsina a IA a criar "plugins" (chamados MCP) que ligam ela a outros programas e serviços — tipo dar braços novos pra ela.
Como usar · exemplo e limites →npx skills add anthropics/skills --skill mcp-builderFaz a IA dividir o trabalho em várias "ajudantes" que agem ao mesmo tempo, cada uma numa parte, sem se atrapalhar.
Como usar · exemplo e limites →npx skills add obra/superpowers --skill dispatching-parallel-agentsExecuta um plano entregando cada tarefa a uma "ajudante" de IA por vez, pra não se perder no meio do caminho.
Como usar · exemplo e limites →npx skills add obra/superpowers --skill subagent-driven-developmentAjuda a publicar seu site ou programa na Cloudflare (uma empresa de hospedagem) com os comandos certos.
Como usar · exemplo e limites →npx skills add cloudflare/skills --skill wranglerEscreve e revisa programas que rodam na Cloudflare, evitando os erros mais comuns.
Como usar · exemplo e limites →npx skills add cloudflare/skills --skill workers-best-practicesEmpacota seu programa numa "caixa" que roda igual em qualquer lugar (com Docker), pronta pra publicar.
Como usar · exemplo e limites →npx skills add BagelHole/DevOps-Security-Agent-Skills --skill docker-managementEscreve a documentação do projeto e registra o porquê de cada decisão importante, pra ninguém esquecer depois.
Como usar · exemplo e limites →npx skills add addyosmani/agent-skills --skill documentation-and-adrsTransforma anotações soltas, prints ou mensagens de erro em tarefas bem descritas no GitHub.
Como usar · exemplo e limites →npx skills add microsoft/skills --skill github-issue-creatorConversa com você e escreve um documento claro do que o produto precisa ter (um "PRD"), pronto pra equipe seguir.
Como usar · exemplo e limites →npx skills add jamesrochabrun/skills --skill prd-generatorPassa um pente-fino no código atrás de brechas de segurança antes de o site ir pro ar.
Como usar · exemplo e limites →npx skills add getsentry/skills --skill security-reviewAcha configurações inseguras e senhas esquecidas dentro do código antes que virem problema.
Como usar · exemplo e limites →npx skills add trailofbits/skills --skill insecure-defaultsDetecta se um usuário consegue ver dados de outro só trocando um número/ID na URL (falha de IDOR).
Como usar · exemplo e limites →npx skills add utkusen/sast-skills --skill sast-idorEscreve os textos do seu site (home, página de venda) focando em ser claro e fazer a pessoa agir.
Como usar · exemplo e limites →npx skills add coreyhaines31/marketingskills --skill copywritingAnalisa por que seu site não aparece bem no Google e entrega uma lista do que arrumar, por prioridade.
Como usar · exemplo e limites →npx skills add coreyhaines31/marketingskills --skill seo-auditAnalisa suas páginas (home, landing, preços) e recomenda mudanças pra aumentar a conversão.
Como usar · exemplo e limites →npx skills add coreyhaines31/marketingskills --skill page-croAjuda você a criar suas próprias skills do zero e a melhorar as que já tem.
Como usar · exemplo e limites →npx skills add anthropics/skills --skill skill-creatorAntes de começar, faz perguntas e explora ideias com você pra não construir a coisa errada.
Como usar · exemplo e limites →npx skills add obra/superpowers --skill brainstormingMelhora as instruções que você dá pra IA, pra ela entender melhor e responder do jeito que você quer.
Como usar · exemplo e limites →npx skills add getsentry/skills --skill prompt-optimizerSaia da ideia e organize a construção do seu projeto com IA. Um guia prático com 6 etapas, 14 skills selecionadas e instruções prontas para copiar e adaptar. Acompanhe o exemplo “Agenda Fácil” e aplique o método ao seu projeto, do planejamento à publicação.
As skills são gratuitas e abertas. Você paga pela curadoria, pelo método e pelos materiais organizados para colocar em prática.
O topskills.md é um diretório aberto. Qualquer pessoa pode enviar uma skill — a sua entra no nicho certo e fica a um comando de distância de quem precisa.
Enviar minha skill →SKILL.md com o que ela faz