As guardas de navegação e padrões de ciclo de vida do Vue Router muitas vezes causam bugs difíceis de depurar. Este skill fornece soluções comprovadas para desafios comuns do Vue Router 4, incluindo implementação de guardas, mudanças de parâmetros de rota e limpeza de componentes.

Aplicações Vue frequentemente enfrentam problemas de gerenciamento de estado, como perda de reatividade, erros de inicialização e desafios de depuração. Esta habilidade fornece padrões e soluções comprovadas para implementar corretamente stores Pinia em aplicações Vue 3.

Desenvolvedores lutam com a integração do TypeScript no Vue.js Options API e armadilhas comuns. Esta habilidade fornece padrões comprovados e soluções para código Options API tipo-safe em Vue 2 e Vue 3.

Projetos Vue.js frequentemente sofrem com fluxo de dados pouco claro e erros de reatividade. Esta skill fornece melhores práticas abrangentes para desenvolvimento Vue 3 e Nuxt 3, incluindo gerenciamento de estado adequado, padrões de componentes e arquitetura de fluxo de dados.

Aplicações Vue 3 encontram erros de tempo de execução, mensagens de aviso, falhas assíncronas e problemas de hidratação SSR que são difíceis de depurar. Esta skill fornece guias abrangentes de depuração e soluções para mais de 100 problemas comuns de desenvolvimento Vue 3.

Projetos Vue frequentemente sofrem com bugs de reatividade e padrões inconsistentes. Esta skill fornece orientações para a Composition API do Vue 3, SSR e TypeScript com exemplos concretos de o que fazer e o que não fazer.

Criar Vue composables com tipos de entrada flexíveis é desafiador. Esta skill fornece um padrão para construir composables de nível de biblioteca que aceitam entradas reativas e não reativas usando tipos MaybeRef e MaybeRefOrGetter.

Testes Playwright frequentemente sofrem com flaky tests, execução lenta e baixa manutenibilidade. Esta skill analisa código de teste TypeScript contra mais de 40 melhores práticas comprovadas organizadas em 8 categorias, fornecendo sugestões de melhoria específicas com exemplos claros.

Os sistemas de compilação de monorepositório podem ser complexos de configurar. Esta habilidade fornece orientação especializada sobre como configurar pipelines Turborepo, dependências de tarefas, estratégias de cache e integração CI para projetos JavaScript e TypeScript.

Claude can automatically review UI code against established web design guidelines, catching accessibility issues, usability problems, and best practice violations before deployment. This skill fetches the latest guidelines and performs static analysis to identify improvements.

Criar aplicativos React Native de alto desempenho requer seguir padrões específicos da plataforma para listas, animações e gerenciamento de estado. Esta habilidade fornece mais de 35 regras de agentes de IA para desenvolvimento móvel otimizado.

Aplicações React frequentemente sofrem problemas de desempenho como re-renderizações desnecessárias, tamanhos grandes de bundle e waterfalls de busca de dados sequenciais. Esta skill fornece 45 regras priorizadas da Engenharia Vercel para eliminar esses gargalos e construir aplicações web de alto desempenho.

Construir componentes React com props booleanos leva a código difícil de manter. Esta habilidade fornece diretrizes prontas para usar componentes compostos, elevar estado e compor internos para criar arquiteturas de componentes escaláveis.

Os usuários precisam de orientação para criar habilidades eficazes para o Claude Code. Esta habilidade fornece um guia completo para construir, estruturar e empacotar habilidades com práticas recomendadas comprovadas.

Uma skill de IA para Claude, Codex e Claude Code

Uma habilidade de IA para Claude, Codex e Claude Code

Aplicações Next.js frequentemente buscam dados repetidamente, causando carregamento lento de páginas. Componentes de Cache permitem Partial Prerendering e estratégias de cache inteligente para servir conteúdo em cache instantaneamente enquanto transmitem partes dinâmicas.

Pare de adivinhar padrões do Next.js e escreva código que escala. Esta habilidade fornece orientação autoritativa da Vercel sobre convenções de arquivos, React Server Components, obtenção de dados, tratamento de erros e práticas recomendadas de implantação.

Users often do not know which skills exist to help with their tasks. This skill guides them to discover relevant capabilities from the open agent ecosystem and install them with simple commands.

Automatizar interações web manualmente é demorado e propenso a erros. Agent-browser fornece uma interface de linha de comando para automação de browser que permite preenchimento automático de formulários, captura de telas, web scraping e fluxos de teste end-to-end.