Browser Automation

O ui-demo ajuda você a gravar vídeos de demonstração de web apps com acabamento profissional usando Playwright, movimento de cursor visível e ritmo natural. Use o skill ui-demo para walkthroughs, vídeos de onboarding, tours de funcionalidades e gravações no estilo tutorial. Siga o fluxo descobrir, ensaiar e depois gravar para obter resultados confiáveis, especialmente em protótipos e interfaces que mudam rápido.

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.

O skill deep-research transforma perguntas amplas em pesquisa web com fontes, usando as ferramentas MCP firecrawl e exa. Use-o para comparar fontes, sintetizar descobertas e produzir relatórios citados para análise competitiva, avaliação de tecnologia, due diligence e outras decisões que exigem evidências.

Use a skill benchmark para medir linhas de base de desempenho, detectar regressões antes e depois de PRs e comparar alternativas de stack em páginas, APIs e builds para otimização de performance.

A skill de benchmark ajuda a detectar regressões de performance em fluxos de trabalho web e de aplicativos. Use-a para estabelecer uma linha de base, comparar antes e depois de mudanças e acompanhar se uma PR deixou páginas mais lentas, mais pesadas ou menos estáveis. É um guia prático de benchmark para otimização de performance, Core Web Vitals, verificações do Lighthouse, tamanho de bundle e tendências de tempo de carregamento.

canary é uma skill de monitoramento pós-deploy que acompanha apps em produção em busca de erros no console, falhas de página e regressões de desempenho. Ela compara o comportamento atual com uma linha de base pré-deploy, para que você possa validar uma release, identificar páginas quebradas e notar anomalias visíveis com menos suposição do que em um prompt genérico.

A skill de qa testa sistematicamente uma aplicação web, encontra bugs e valida correções com um fluxo de trabalho em etapas. Use-a para testes de regressão, checagens de prontidão para release ou como um guia estruturado de QA quando você precisar de evidências, classificação de severidade e ciclos curtos de corrigir e retestar, em vez de um prompt genérico de caça a bugs.

Consulta de documentação da biblioteca Python browser-use. A skill open-source ajuda com instalação, configuração, código de Agent e Browser, variáveis de ambiente de modelos, tools, integrações com MCP, monitoramento e orientações sobre a API legada Actor.

gstack é uma skill de IA orientada por navegador para testes de QA, dogfooding, validações de release e captura de bugs. Ela abre páginas reais, clica pela interface, verifica estados, compara antes e depois, testa layouts responsivos e captura evidências com screenshots. É especialmente útil para revisão de UI Design e validação de deploy quando você precisa de resultados confiáveis no navegador com a skill gstack.

diagnose é um fluxo estruturado de depuração para bugs difíceis, testes instáveis e regressões de desempenho. Ele ajuda você a reproduzir o problema, reduzir o caso que falha ao mínimo, formular uma hipótese por vez, adicionar instrumentação, corrigir a causa raiz e закрепá-la com um teste de regressão. Use o guia diagnose quando “debug this” não for suficiente.

critique ajuda você a revisar interfaces, recursos, páginas ou componentes sob a ótica de UX, com pontuação estruturada, testes baseados em personas, checagens heurísticas e feedback acionável. Use o skill critique quando precisar de um guia repetível de crítica para UI/UX Design, e não de comentários vagos. Ele é mais indicado para uma crítica focada em uma área específica, com contexto claro.

O figma-create-new-file cria um novo arquivo em branco do Figma Design ou um board do FigJam nos rascunhos. Use-o quando precisar de um ponto de partida novo antes de ações mais profundas no Figma, incluindo use_figma. Ele suporta design ou figjam, nomeação opcional do arquivo e pode resolver o acesso ao plano com whoami quando necessário.

baoyu-post-to-wechat é uma skill de publicação para Contas Oficiais do WeChat, com fluxos via navegador e API para artigos e posts de imagem e texto. Suporta entrada em Markdown, HTML e texto simples, extração de título e resumo com base em frontmatter, conversão de Markdown para WeChat, tratamento de imagens e verificações de ambiente para automação com perfil do Chrome.

baoyu-post-to-weibo permite que agentes publiquem posts no Weibo e artigos de manchete por meio de uma sessão real do Chrome. Oferece suporte a texto, imagens, vídeo, conversão de Markdown para HTML, auxiliares de colagem pela área de transferência e execução com bun ou npx para fluxos de publicação mais confiáveis.

Use transformers-js para executar modelos de ML em JavaScript e TypeScript no navegador e em runtimes de servidor. A skill transformers-js cobre instalação, carregamento de modelos, cache, configuração e uso prático do transformers-js para tarefas de texto, visão, áudio, multimodais e geração de código com modelos de text-generation compatíveis.

A skill seo-dataforseo conecta o Claude a dados de SEO em tempo real por meio do servidor MCP da DataForSEO para checagens de SERP, pesquisa de palavras-chave, backlinks, análise on-page, pesquisa de concorrentes, listagens de negócios e monitoramento de visibilidade em IA. É mais indicada para fluxos orientados por dados quando você precisa de evidências reais de busca, instruções claras de instalação e uso prático da seo-dataforseo.

seo-audit faz uma auditoria SEO completa de sites com delegação paralela para subagentes, rastreando até 500 páginas e detectando o tipo de negócio. Ele cobre sinais técnicos, de conteúdo, schema, performance, visuais, locais e geográficos, e depois retorna uma pontuação de saúde e correções priorizadas para revisão de todo o site e análise de SEO de conteúdo.

analyzing-browser-forensics-with-hindsight ajuda equipes de Forense Digital a analisar artefatos de navegadores Chromium com o Hindsight, incluindo histórico, downloads, cookies, autofill, favoritos, metadados de credenciais salvas, cache e extensões. Use-o para reconstruir atividades na web, revisar linhas do tempo e investigar perfis do Chrome, Edge, Brave e Opera.

website-to-hyperframes é uma skill de workflow para transformar um site existente em um vídeo HyperFrames. Use quando você tiver uma URL e quiser criar um tour de produto, peça promocional, anúncio para redes sociais ou vídeo explicativo, com base no design, no texto e nos assets reais do site. O repositório oferece suporte a captura, design, roteiro, storyboard, VO, build e validação para trabalhos de Design Implementation.

A skill wp-playground ajuda você a criar ambientes descartáveis e reproduzíveis do WordPress Playground para testes de plugins e temas, troca de versões, blueprints, snapshots e depuração isolada. Ela dá suporte a fluxos no navegador ou na CLI via @wp-playground/cli e é especialmente útil para desenvolvimento de backend, QA e reprodução controlada de problemas.

web-perf analisa performance web com o Chrome DevTools MCP. Ele mede Core Web Vitals, problemas de carregamento com base em trace, recursos que bloqueiam a renderização, mudanças de layout, problemas de cache e lacunas de acessibilidade. Use o web-perf para otimização de performance, depuração de páginas lentas e fluxos de trabalho de guia web-perf baseados em evidências que dependem de documentação atual e traces ao vivo.

O agents-sdk ajuda você a criar agents em Cloudflare Workers com conversas com estado, execução durável, chat por WebSocket ou streaming, integração com MCP, tarefas agendadas e automação de navegador. Esta skill de agents-sdk foca decisões de instalação, configuração e uso prático para apps Workers novos ou já existentes, com orientação sobre sistemas multiagente apenas quando eles se encaixam nas restrições do runtime da Cloudflare.

Use a skill network para criar diagramas de topologia de rede em PlantUML com ícones de dispositivos mxGraph, auto-layout, agrupamento por zonas e semântica clara de links. Ela é indicada para diagramas de LAN, WAN, enterprise, data center, wireless, segurança e específicos de fornecedores, com exemplos de uso de network e orientação sobre quando usar network em vez de uml ou cloud.

Use a skill slack-messaging para enviar ou ler mensagens no Slack, verificar canais, testar integrações do Slack e interagir com um workspace do Slack pela linha de comando com slackcli para automação de fluxos de trabalho.