vercel-labs

Types and documentation may not explain unexpected dependency behavior. This skill guides AI agents to fetch matching source versions and inspect implementations through a reusable cache.

Static React interfaces are difficult to generate and maintain from structured data. This skill explains how to render JSON specs, define catalogs, manage state, and connect events in React.

Connecting JSON specifications to Next.js routes, layouts, and server rendering requires several integration steps. This skill guides AI assistants through the documented json-render setup.

JSON-driven interfaces need consistent formatting, calculations, and translated labels. This skill guides directive setup, nested expressions, and custom resolvers for json-render.

Generative interfaces can make rendering errors, state changes, and streamed updates difficult to trace. This skill guides devtools integration and inspection workflows for json-render apps.

AI-generated interfaces need consistent schemas, state bindings, and validation. This skill guides assistants through json-render core APIs for catalogs, prompts, streaming, and specification repair.

Turning UI specifications into maintainable application code can require repetitive traversal and prop serialization. This skill provides reusable utilities for generating structured code and custom exporters from json-render specifications.

Inconsistent prose makes documentation harder to read and maintain. This skill checks selected files against current guidelines and reports precise locations for revision.

Revisões de UI frequentemente deixam passar detalhes consistentes de acessibilidade, layout e interação. Esta skill verifica arquivos selecionados em relação às diretrizes da Vercel e relata achados concisos.

WebGPU development requires precise APIs, shader workflows, and performance choices. This skill supplies focused vgpu guides, references, and examples for implementation and optimization.

React view transitions são fáceis de posicionar incorretamente, resultando em animações que falham silenciosamente ou geram ruído visual. Esta skill orienta as escolhas de animação para rotas, Suspense, listas e elementos compartilhados.

Apps React Native podem sofrer com listas lentas, animações instáveis e erros de plataforma. Esta skill fornece ao Codex, Claude e Claude Code regras concisas para trabalho performático com Expo e React Native.

Aplicativos React e Next.js frequentemente perdem velocidade por causa de waterfalls, bundles grandes e re-renderizações evitáveis. Esta skill oferece aos agentes regras concretas para mudanças mais seguras com foco em desempenho.

Vercel costs and slow routes are difficult to prioritize without production evidence. This skill combines account metrics, scoped code checks, and verified documentation into ranked recommendations.

Componentes React com muitas props booleanas se tornam difíceis de manter e revisar. Esta skill oferece aos agentes padrões claros para componentes compostos, variantes explícitas e estado baseado em providers.

O login interativo da Vercel pode bloquear fluxos de trabalho automatizados de agentes. Esta skill oferece ao Claude, Codex e Claude Code um caminho estruturado baseado em tokens para implantações, vinculação, variáveis de ambiente, domínios e solução de problemas.

O trabalho no Slack frequentemente exige verificações manuais em canais, DMs, resultados de busca e threads. Esta skill orienta Claude, Codex ou Claude Code pela navegação do Slack baseada em navegador e pela captura de evidências com escopo definido.

As equipes precisam de formas consistentes de empacotar conhecimentos e fluxos de trabalho reutilizáveis para agentes. Esta skill orienta Claude, Codex e Claude Code no planejamento, autoria, validação e empacotamento de skills.

Equipes que usam React e Next.js frequentemente repetem padrões lentos em busca de dados, renderização e carregamento de bundles. Esta skill fornece ao Claude, Codex e Claude Code regras concretas para geração, revisão e refatoração de código mais rápidas.

Upgrades do Next.js podem envolver alterações incompatíveis, codemods e coordenação de dependências. Esta habilidade orienta Claude, Codex ou Claude Code pelas etapas oficiais de migração e verificações de validação.

Cache Components podem ser difíceis de adotar com segurança durante migrações do Next.js. Esta skill oferece orientação focada para PPR, diretivas de cache, tempos de vida, tags e invalidação.

Projetos Next.js frequentemente falham por limites pouco claros, busca de dados lenta e erros de implantação. Esta skill fornece a Claude, Codex e Claude Code regras focadas para trabalho moderno com App Router.

Os usuários muitas vezes não sabem qual habilidade de agente se adequa a uma tarefa. Esta habilidade pesquisa o ecossistema de habilidades, compara opções e orienta decisões de instalação mais seguras.

Testes de aplicativos Electron frequentemente exigem cliques manuais, capturas de tela e configuração repetida. Esta skill mostra ao Claude, Codex e Claude Code como conectar o agent-browser a aplicativos Electron e automatizar esses fluxos de trabalho.