vercel-labs

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.

Adicionar transições de página suaves e animações de elementos compartilhados a aplicações React requer compreensão da API View Transitions e seus padrões de integração. Esta skill fornece orientação passo a passo, receitas CSS e padrões Next.js do Vercel Labs.

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.

Verificar manualmente mensagens do Slack e pesquisar conversas consome tempo. Esta habilidade automatiza a interação com o Slack através de automação de navegador sem requerer autenticação por API ou tokens de bot.

Implantar aplicações web no Vercel requer autenticação e configuração do projeto. Esta skill permite que seu assistente de IA gerencie implantações no Vercel usando tokens de acesso, sem prompts de login interativos.

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.

Controle aplicativos Electron como VS Code, Slack, Discord e Figma através do Chrome DevTools Protocol. Conecte-se a aplicativos desktop em execução, automatize interações de UI e teste aplicativos Electron nativos.

Dogfood explora sistematicamente aplicações web para encontrar bugs, problemas de UX e outros defeitos, produzindo relatórios estruturados com evidências completas de reprodução, incluindo capturas de tela e vídeos.

Fazer deploy manual de projetos para a Vercel consome tempo e requer navegar pelo dashboard. Esta habilidade automatiza todo o fluxo de trabalho de deployment com detecção automática de frameworks e geração de URLs de preview.

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.