JavaScript

repo-scan é um skill de auditoria de código cross-stack que classifica arquivos, detecta bibliotecas de terceiros incorporadas e ajuda a avaliar o que é núcleo, duplicado ou peso morto. É útil para repo-scan para Code Review, migrações de legado e planejamento de refatoração. Veja no skill as orientações de instalação e uso do repo-scan.

nuxt4-patterns é uma skill para Nuxt 4 focada em segurança de hidratação, route rules, lazy loading e fetch de dados compatível com SSR. Use a skill nuxt4-patterns para tomar decisões melhores em Frontend Development, reduzir divergências e aplicar o padrão certo para cada página ou componente.

A skill nodejs-keccak256 ajuda você a evitar um erro comum em Ethereum com JavaScript e TypeScript: usar o sha3-256 do Node quando o que você precisa é Keccak-256. Ela é útil para desenvolvimento de backend, selectors, tópicos de eventos, assinaturas, storage slots e derivação de endereços, com orientação prática de uso do nodejs-keccak256.

A skill nextjs-turbopack ajuda você a usar o Turbopack no Next.js 16+ para acelerar o desenvolvimento local, o HMR e as decisões sobre o bundler. Use como um guia prático de nextjs-turbopack para instalação, uso e para saber quando voltar ao webpack em fluxos de Frontend Development.

nanoclaw-repl é uma skill de REPL com consciência de sessão para operar e estender o NanoClaw v2. Ela oferece suporte a sessões persistentes baseadas em markdown, branching, busca, compactação, troca de modelo e exportação para Automação de Fluxo de Trabalho. Use este guia do nanoclaw-repl para manter tarefas locais determinísticas e fáceis de retomar.

O frontend-slides ajuda você a criar apresentações em HTML ricas em animação do zero ou convertendo arquivos PowerPoint. Use o skill frontend-slides para palestras, pitch decks, workshops, demos internas e frontend-slides para UI Design quando quiser exploração visual, saída no navegador sem dependências e slides que caibam em uma única viewport.

frontend-patterns é uma skill prática para desenvolvimento frontend com React e Next.js, ajudando você a escolher padrões sustentáveis para componentes, estado, formulários, roteamento, acessibilidade e performance. Use o guia frontend-patterns quando precisar de orientação clara de implementação e seleção de padrões, e não apenas de boas práticas genéricas.

A skill coding-standards oferece uma base para nomenclatura, legibilidade, imutabilidade, consistência e revisão de código entre projetos, antes de aplicar regras específicas de framework.

A skill bun-runtime ajuda você a escolher o Bun para novos projetos em JavaScript ou TypeScript, migração de Node, scripts, testes e setups no Vercel. Ela cobre o uso do bun-runtime, orientações de instalação, trade-offs entre Bun e Node e fluxos de trabalho práticos para desenvolvimento frontend e full-stack.

Aprenda a skill agentic-engineering para execução orientada por avaliações, decomposição de tarefas, roteamento de modelos e automação de fluxos de trabalho mais segura com checagens de regressão.

browse é uma skill rápida de navegador headless para QA, uso interno e automação de navegador. Use para abrir páginas, interagir com elementos, verificar estados, comparar antes e depois de ações, capturar screenshots e checar layouts responsivos, formulários, uploads, diálogos e estados de elementos. Instale o browse quando você precisar de evidências do navegador em vez de um prompt genérico.

O setup-pre-commit ajuda você a adicionar hooks de pre-commit do Husky com lint-staged, Prettier e execuções opcionais de typecheck/test. Use este guia setup-pre-commit quando seu repositório precisar de uma camada rápida e repetível de proteção no pre-commit e você quiser preservar a configuração existente enquanto adiciona os scripts certos para o gerenciador de pacotes em uso.

tdd é uma skill de Desenvolvimento Orientado a Testes para criar funcionalidades, corrigir bugs e escrever testes duráveis com o ciclo vermelho-verde-refatora. Ela prioriza testes focados em comportamento por meio de interfaces públicas, mocking apenas nas bordas e orientação prática para automação de testes, refatoração e design de interfaces.

A skill prototype ajuda você a criar código descartável que responde a uma pergunta concreta antes de investir em uma implementação de verdade. Use-a para testar lógica, transições de estado, formato de dados ou a direção de uma interface com um protótipo executável que siga as convenções do repositório hospedeiro. É ideal quando você precisa de um guia rápido de prototype, e não de uma funcionalidade final.

ckm:design-system ajuda você a criar tokens em três camadas, especificações de componentes, variáveis CSS, mapeamentos Tailwind e slides alinhados à marca a partir de uma arquitetura de tokens clara.

paypal-integration ajuda desenvolvedores a planejar e estruturar fluxos de checkout, assinaturas, payouts, IPN e reembolsos com PayPal. Use a skill para decidir entre JavaScript SDK e REST API, gerar código inicial e definir workflows de pagamento em e-commerce com mais clareza na implementação.

nodejs-backend-patterns é um guia prático para criar serviços backend em Node.js com Express ou Fastify, cobrindo middleware, autenticação, tratamento de erros, camadas de repositório, DI, cache e integração com banco de dados para APIs prontas para produção.

typescript-advanced-types é uma skill focada em modelagem avançada de tipos em TypeScript, cobrindo generics, conditional types, mapped types, template literal types e padrões utilitários para código frontend e bibliotecas com mais segurança.

modern-javascript-patterns é uma referência prática de ES6+ para refatorar JavaScript legado e adotar async/await, modules, destructuring e padrões funcionais com arrays. Use para modernizar código frontend ou JavaScript em geral com sintaxe mais clara, escolhas de padrões mais sólidas e melhor manutenção.

javascript-testing-patterns ajuda agentes a criar testes e configurações de teste em JS/TS com Jest, Vitest e Testing Library. Use para planejar testes unitários, de integração e de UI, com padrões para mocks, fixtures, cobertura e prompts de Test Automation mais eficazes.

nextjs-app-router-patterns ajuda desenvolvedores a planejar arquiteturas com Next.js 14+ App Router, incluindo Server Components, streaming, caching, route handlers e Server Actions para desenvolvimento full-stack e migrações do Pages Router.

dependency-upgrade é uma skill para planejar upgrades importantes de dependências com revisão de semver, análise de compatibilidade, rollout em etapas e testes. Use para auditar pacotes npm ou yarn, inspecionar árvores de dependências, resolver conflitos e conduzir upgrades mais seguros de frameworks ou bibliotecas em fluxos de Code Editing.

react-modernization é uma skill focada em migração para atualizar apps em React 16/17 para 18+, converter componentes de classe em hooks, atualizar as APIs de root e planejar refatorações em etapas com orientação compatível com codemods.

vercel-react-native-skills é uma skill de React Native e Expo para desenvolvimento frontend com foco em performance. Use-a para melhorar renderização de listas, animações, navegação, padrões de UI, gerenciamento de estado e configuração de módulos nativos. Ela inclui regras práticas, orientações de instalação e padrões de uso para lidar com gargalos em apps mobile com menos tentativa e erro.