Criar artefatos React com múltiplos componentes para conversas no Claude requer configuração e empacotamento complexos. Esta skill automatiza a configuração do projeto com React 18, TypeScript, Tailwind CSS e mais de 40 componentes shadcn/ui, depois empacota tudo em um único arquivo HTML.

Construir aplicações React performáticas exige compreender padrões complexos de otimização. Esta habilidade fornece 45 regras priorizadas da Vercel Engineering para orientar IA na escrita, revisão e refatoração de código React e Next.js para desempenho ideal.

Escrever testes após o código leva a falsa confiança e casos de borda não cobertos. Esta habilidade aplica a disciplina do TDD: escreva um teste que falha primeiro, depois implemente apenas o código necessário para passar.

Desenvolvedores frequentemente perdem problemas em seu próprio código porque estão muito próximos da implementação. Esta habilidade despacha um subagente de IA para revisar alterações de código em relação aos requisitos, verificando qualidade, arquitetura, testes e prontidão para produção antes de mesclar.

Esta skill automatiza a adição de suporte a múltiplos idiomas a sites Next.js, incluindo tags hreflang, configuração de locale, arquivos de tradução e otimização SEO para mercados internacionais.

A criação de servidores MCP eficazes requer a compreensão das especificações do protocolo, padrões de SDK e estratégias de teste. Esta habilidade fornece guias abrangentes para criar servidores MCP de alta qualidade em Python e TypeScript com estruturas de avaliação para validar a eficácia das ferramentas.

A duplicação de código leva a pesadelos de manutenção e comportamento inconsistente. Esta habilidade orienta você através de um processo sistemático de 4 etapas para identificar, abstrair, substituir e verificar mudanças de refatoração que eliminam repetição e melhoram a qualidade do código.

Falhas de lint dificultam revisões de código e bloqueiam releases. Esta skill executa o fluxo de trabalho de lint do projeto e orienta as correções mantendo o comportamento do código inalterado.

Projetos de extensões de navegador frequentemente lutam com compatibilidade entre navegadores e configuração adequada de internacionalização. Esta skill oferece orientação clara para desenvolvimento de extensões baseadas em WXT, suportando Chrome, Firefox e Edge com estrutura i18n adequada.

Escrever testes de backend leva tempo significativo e requer conhecimento de frameworks de teste. Esta habilidade analisa a estrutura do seu código, detecta sua configuração de teste e gera testes abrangentes cobrindo caminhos felizes, casos de erro e casos de borda.

Revisões de código capturam bugs antes da implantação, mas consomem tempo. Esta habilidade fornece listas de verificação estruturadas, padrões de segurança e melhores práticas para revisões de código MERN para garantir que nada crítico seja perdido.

Criar servidores MCP para serviços externos exige compreensão das especificações do protocolo, padrões de design de ferramentas e metodologias de avaliação. Este guia fornece instruções abrangentes para construir servidores MCP de qualidade de produção em Python e TypeScript com boas práticas de design de ferramentas, autenticação, tratamento de erros e testes.

Depurar aplicações Next.js complexas requer inspeção de rotas, componentes e configurações de build. Esta skill fornece ferramentas baseadas em MCP para listar rotas, examinar componentes e verificar informações de build diretamente do seu ambiente de desenvolvimento.

Criar chatbots ChatKit requer a integração de múltiplas tecnologias (FastAPI, OpenAI Agents SDK, ferramentas MCP) com padrões de segurança adequados. Esta skill fornece orientação arquitetônica completa para criar chatbots prontos para produção com isolamento de usuários e capacidades em tempo real.

Escrever testes após o código leva a bases de código frágeis e bugs perdidos. Esta habilidade oferece fluxos de trabalho TDD estruturados, padrões de teste e automação Playwright para ajudá-lo a escrever testes sustentáveis antes do código, detectar bugs cedo e ter confiança no seu software.

Esta skill ajuda desenvolvedores a seguir práticas de desenvolvimento orientado a testes em projetos Python. Ela orienta os usuários pelo ciclo Red-Green-Refactor, configuração do pytest e auditoria da qualidade dos testes.

Scripts shell frequentemente falham silenciosamente ou se comportam de forma imprevisível devido ao tratamento de erros ausente. Esta habilidade fornece padrões testados em batalha para scripts bash e zsh robustos, incluindo tratamento adequado de erros, expansão segura de variáveis e estrutura de código modular.

Escrever scripts Python autônomos com dependências requer configuração e instalação manual. Esta habilidade gera scripts prontos para execução com metadados inline PEP 723, gerenciamento automático de dependências e análise adequada de argumentos CLI.

Aplicativos frequentemente sofrem com tempos de resposta lentos, alto uso de memória e experiência ruim do usuário. Esta habilidade fornece orientação especializada para identificar gargalos, otimizar código, conduzir testes de carga e melhorar os Core Web Vitals nas camadas de frontend, backend e banco de dados.

Construir aplicações Next.js requer compreensão do App Router, Server Components e padrões de desempenho. Esta habilidade fornece orientação de arquitetura especializada para projetar, migrar e otimizar aplicações Next.js com padrões modernos.