Web

O videodb ajuda você a ingerir vídeo e áudio a partir de arquivos locais, URLs, feeds ao vivo RTSP/RTMP ou captura da área de trabalho; buscar momentos com timestamps e evidências reproduzíveis; e agir com clipes, overlays, transcrição, alertas e edição na linha do tempo. É um guia prático de videodb para VideoDB for Video Editing e análise de livestream.

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.

O skill seo ajuda a auditar, planejar e implementar SEO técnico, otimização on-page, dados estruturados, Core Web Vitals e mapeamento de palavras-chave. Use-o para temas como rastreabilidade, indexabilidade, metadados, schema, links internos, alterações em sitemap e robots, ou SEO para Keyword Research, com orientações específicas por página e prontas para اجراção.

search-first é um fluxo de trabalho de pesquisa antes de codar, voltado a encontrar ferramentas, bibliotecas e padrões existentes antes de escrever código personalizado. Use a skill search-first para avaliar opções, comparar trade-offs e decidir entre adotar, estender ou construir sob medida com menos suposições.

A skill perl-security ajuda você a revisar código Perl com foco em tratamento seguro de entradas, taint mode, execução de shell, placeholders do DBI e problemas de segurança web como XSS, SQLi e CSRF. Use esta skill perl-security para trabalho de auditoria de segurança, planejamento de correções e desenvolvimento seguro quando dados controlados pelo usuário chegarem a pontos sensíveis.

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.

Use o frontend-design para criar interfaces frontend distintas e prontas para produção, com um ponto de vista visual claro. Esta skill de frontend-design foi feita para landing pages, dashboards, shells de app e componentes em que hierarquia, tipografia, movimento e acabamento importam tanto quanto a implementação. Ela inclui orientações de instalação e uso para um trabalho de UI orientado por design desde o início.

exa-search é uma skill MCP da Exa para pesquisa atualizada com base na web, exemplos de código, inteligência sobre empresas, busca de pessoas e descoberta rápida de fontes. Use quando a atualidade e as evidências importam, e quando você precisar de um guia prático da exa-search para busca ao vivo, respostas baseadas em ferramentas e fluxos de trabalho de pesquisa na web.

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.

canary-watch é uma skill de monitoramento pós-deploy para verificar uma URL em produção e identificar regressões após releases, merges ou atualizações de dependências, em staging ou produção.

A skill de accessibility ajuda você a projetar, implementar e auditar interfaces acessíveis com orientação WCAG 2.2 Nível AA para Web, iOS e Android. Use-a para mapear papéis de componentes, rótulos, estados, comportamento de foco e atributos de acessibilidade, com uso prático de accessibility para trabalhos de UX Audit e revisões de implementação.

qa-only é uma skill de QA só com relatório para testar apps web, documentar bugs e capturar evidências sem fazer correções. Foi criada para revisores de QA e agentes que precisam de um relatório de bug estruturado, pontuação de saúde, screenshots e passos de reprodução. Use qa-only quando você quiser um fluxo de relatório de bugs em vez de testar, corrigir e verificar novamente.

design-consultation é uma skill de design-consultation para transformar uma ideia inicial de produto em uma direção de design completa. Ela cria uma fonte única de verdade em DESIGN.md, previews e orientações em nível de sistema para tipografia, cor, espaçamento, layout e motion. É ideal para novos produtos e superfícies de UI que precisam de um ponto de partida coeso.

A skill source-driven-development ancora a programação específica de frameworks em documentação oficial, ajudando você a validar padrões antes de implementar. É ideal para usar source-driven-development em React, Vue, Next.js, Svelte, Angular e stacks semelhantes quando correção, procedência e decisões sensíveis à versão importam.

A skill de performance optimization ajuda você a medir primeiro, encontrar o gargalo real, corrigir e validar os resultados. Use quando houver requisitos de desempenho, quando houver suspeita de regressão ou quando for preciso melhorar Core Web Vitals, tempos de carregamento ou a latência de interação.

A skill aspnet-core ajuda você a criar, revisar, refatorar e atualizar apps ASP.NET Core com base nas orientações atuais do framework. Ela foi pensada para desenvolvimento backend, APIs, apps renderizados no servidor, Blazor, SignalR, gRPC e serviços hospedados, com orientação orientada à decisão para escolha do modelo de app, configuração de `Program.cs`, DI, configuração, segurança, testes e deploy.

shader-dev é uma skill prática de shaders GLSL para visuais em tempo real no estilo ShaderToy. Use a skill shader-dev para criar ou depurar ray marching, cenas com SDF, iluminação, partículas, movimento de fluidos, pós-processamento e shader-dev para UI Design com menos tentativa e erro do que com um prompt genérico.

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.

huggingface-gradio ajuda você a criar e editar interfaces web do Gradio em Python para demos, chatbots e fluxos de trabalho de frontend. Use o skill huggingface-gradio para escolher componentes, conectar eventos e estruturar layouts com menos tentativa e erro.

seo-drift é uma skill do GitHub para acompanhar ao longo do tempo elementos críticos de páginas para SEO, comparar bases de referência e detectar regressões após deploys, edições no CMS ou mudanças de template. Use a skill seo-drift para conteúdo de SEO, checagens técnicas on-page e uso prático do seo-drift quando você precisar de uma resposta clara sobre se algo quebrou.

seo-cluster é uma skill de clustering de palavras-chave com sobreposição de SERPs para planejamento de conteúdo SEO. Ela agrupa termos com base nas posições reais do Google para estruturar páginas pilar, clusters hub-and-spoke e mapas de links internos. Use esta skill seo-cluster quando precisar de um guia prático de seo-cluster para arquitetura de tópicos, e não de um brainstorm genérico de palavras-chave.

A skill read busca URLs e PDFs e entrega o conteúdo em Markdown limpo para leitura, citação, referência e trabalhos posteriores. Ela foi feita para uso de leitura em páginas com paywall, sites pesados em JS, X/Twitter, arquivos do GitHub, plataformas chinesas e fluxos de Automação de Workflows que precisam de texto-fonte confiável antes da análise. Use o guia do read quando você quer captura da fonte, não comentários.

A skill enhance-prompt transforma ideias vagas de UI em prompts mais claros e prontos para o Stitch, com estrutura mais forte, vocabulário de UI/UX e contexto de design system. Use este guia de enhance-prompt para aumentar a precisão dos prompts, reduzir suposições e obter resultados mais consistentes na escrita de prompts e na geração de interfaces.

guizang-ppt-skill é uma skill de apresentação para criar slide decks em um único arquivo HTML, com estética de revista editorial × e-ink. Ela ajuda você a montar decks com navegação horizontal por swipe para lançamentos, palestras e demos, com tipografia forte, fundos em WebGL e layouts reutilizáveis. Use o guia do guizang-ppt-skill para gerar decks mais rápido e de forma repetível.