Bugs de frontend são difíceis de diagnosticar sem as ferramentas certas. Esta skill oferece fluxos de trabalho guiados para identificar e corrigir problemas de UI, erros de rede, falhas de console e problemas de performance usando Chrome DevTools MCP.

Testar aplicativos web manualmente leva tempo e introduz erros. Esta skill fornece scripts de automação Playwright e ferramentas de gerenciamento de servidor para verificar a funcionalidade do frontend, capturar capturas de tela, depurar o comportamento da UI e visualizar logs do console do navegador.

Desperdiça tempo escrevendo testes que verificam mocks em vez de comportamento real. Esta skill previne cinco anti-padrões comuns de teste, aplicando princípios TDD e fornecendo funções de controle antes de cada decisão de teste.

Escrever testes após o código não prova nada. Esta habilidade impõe a disciplina TDD fazendo você escrever testes falhando primeiro, garantindo que seus testes realmente verifiquem o comportamento e detectem bugs antes de chegarem à produção.

Correções aleatórias desperdiçam tempo e criam novos bugs. Esta skill impõe um processo rigoroso de depuração em quatro fases que garante que você entenda a causa raiz antes de tentar qualquer solução, evitando correções de sintomas que mascaram problemas subjacentes.

Problemas de código detectados antecipadamente evitam correções custosas posteriormente. Esta habilidade despacha um subagente de revisão de código para verificar a implementação contra os requisitos antes de prosseguir com o desenvolvimento.

Muitos desenvolvedores implementam cegamente feedback de revisão de código sem verificação. Esta habilidade garante que você avalie o feedback tecnicamente antes da implementação. Ela promove qualidade de código e evita mudanças desnecessárias.

A criação de extensões do Chrome requer compreensão de service workers, padrões de segurança e conformidade com a Chrome Web Store. Esta skill fornece orientação arquitetural, modelos de código e melhores práticas de segurança para criar extensões profissionais com integração opcional de IA.

Criar servidores MCP requer conhecimento profundo de especificações de protocolo, design centrado em agentes e metodologias de avaliação. Esta habilidade fornece orientação abrangente, implementações de referência e ferramentas de avaliação para criar servidores MCP de alta qualidade que permitem integração eficaz de LLM-ferramenta.

Desenvolvedores desperdiçam tempo decidindo como finalizar ramos. Esta skill apresenta opções claras e executa o fluxo escolhido com segurança. Verifica se os testes passam e requer confirmação para ações destrutivas.

Múltiplas falhas de testes desperdiçam tempo quando investigadas uma a uma. Esta skill fornece um padrão para despachar múltiplos agentes Claude para investigar e corrigir problemas independentes simultaneamente, reduzindo o tempo de depuração.

Construir artefatos complexos com HTML puro é lento e limitado. Esta skill fornece um ambiente de desenvolvimento completo com React, Tailwind CSS e mais de 40 componentes shadcn/ui pré-construídos. Inicialize um projeto, desenvolva com ferramentas modernas e empacote tudo em um único arquivo HTML portátil.

Transforme requisitos vagos em designs de sistema claros. Use a metodologia EventStorming para criar catálogos de design navegáveis com diagramas Mermaid.

Entender grandes bases de código requer tempo e esforço. O CodeConscious oferece um assistente cognitivo autônomo que constrói memória persistente entre sessões, permitindo exploração profunda de código, reconhecimento de padrões e aprendizado contínuo do histórico do projeto.

A pesquisa tradicional de texto não captura a estrutura do código. O AST-Grep encontra e transforma código usando padrões com reconhecimento de sintaxe que compreendem o significado do seu código. Ele pesquisa por estrutura AST em vez de texto simples, permitindo análise precisa de código e refatoração em larga escala.

Desperd tempo alternando entre ferramentas de desenvolvimento desconectadas. Este conjunto de ferramentas integra perfeitamente 8 ferramentas de IA personalizadas com mais de 10 utilitários CLI populares como ripgrep e jq através de um sistema de descoberta unificado.

Gerenciar múltiplos branches git pode poluir seu diretório de trabalho principal e dificultar a troca de contexto. Esta skill fornece uma abordagem estruturada para criar worktrees git isoladas que permitem trabalhar em múltiplas funcionalidades simultaneamente sem interferência.

O modo strict do TypeScript detecta bugs em tempo de compilacao que causariam erros em tempo de execucao. Esta habilidade ajuda voce a configurar e aplicar a verificacao estrita de tipos para um codigo mais seguro e confiavel.

Escrever testes após o código leva a lacunas e casos limite não cobertos. Esta skill fornece um fluxo de trabalho TDD estruturado com ciclos RED-GREEN-REFACTOR, testes de implementação real sem mocking, e validação E2E usando Playwright.

Correções de erros frequentemente falham quando abordam apenas os sintomas. Este framework de debug em quatro fases garante que você entenda a causa raiz antes de tentar soluções. Reduz o tempo de debug e previne problemas recorrentes.