Skills de Vercel

Adicionar um adaptador oficial do fornecedor ou da comunidade ao catálogo e à documentação do Chat SDK — registro adapters.json, entrada do catálogo chat/adapters, página MDX da documentação,…

Adicionar um novo código de diagnóstico seguindo as convenções do defineDiagnostics() do nostics

Guia para adicionar novos exemplos de funções de IA, para testar recursos específicos contra as APIs reais do provedor.

Guia para adicionar novos pacotes de harness do AI SDK. Use ao criar um novo pacote @ai-sdk/harness-<name> que adapta um runtime de agente de codificação ao HarnessV1.

Guia para adicionar novos pacotes de provedores de IA ao AI SDK. Use ao criar um novo pacote @ai-sdk/<provider> para integrar um serviço de IA ao SDK.

Depuração da interface de administração e superfície do operador para vercel-openclaw: design do shell de comando, ações administrativas, núcleo de requisições, painéis de status, interface de verificação de lançamento, canal…

Criar e manter Registros de Decisão de Arquitetura (ADRs) otimizados para fluxos de trabalho de codificação agentiva. Use quando precisar propor, escrever, atualizar, aceitar/rejeitar,…

Automatiza interações com o navegador para testes web, preenchimento de formulários, capturas de tela e extração de dados.

Automatiza interações com o navegador para testes web, preenchimento de formulários, capturas de tela e extração de dados. Use quando o usuário precisar navegar em sites, interagir com páginas web…

CLI de automação de navegador para agentes de IA. Use quando o usuário precisar interagir com sites, verificar a saída do servidor de desenvolvimento, testar aplicativos web, navegar por páginas, preencher formulários,…

Verificação automatizada de navegador para servidores de desenvolvimento. É acionada quando um servidor de desenvolvimento inicia para executar uma verificação visual rápida com agent-browser — verifica se a página carrega,…

Habilidade complementar para o curso Agent-Friendly APIs na Vercel Academy. Crie uma API de feedback, torne-a amigável para agentes com documentação estruturada e, em seguida, crie uma skill do Claude Code que gere a documentação automaticamente.

Python `ai` SDK — models, providers, streams, events, tools, agents, hooks, MCP, AI SDK UI, structured output, and media generation

Gere texto, imagens e vídeo a partir do terminal usando modelos de IA.

Orientação da biblioteca de componentes AI Elements — componentes React pré-construídos para interfaces de IA baseadas em shadcn/ui. Use ao construir UIs de chat, exibições de mensagens, ferramentas…

We need to translate the given text from English to Brazilian Portuguese. The text describes a directory item (agent skill) named "ai-elements". The instruction says to preserve the name if it appears in the source text. The name "ai-elements" does not appear in the provided text, so we don't include it. We only translate the text inside <text>. No extra labels, no markdown, no bullets, no links, no prefixes. Just the translation. The text: "Pre-built React components for AI chat interfaces built on shadcn/ui and the AI SDK. Includes conversation, message, tool display, and prompt input components designed for AI-native applications Installs directly into your project codebase via CLI, making components fully customizable and extensible with standard React patterns Requires Next.js, AI SDK, shadcn/ui, and Node.js 18+; integrates seamlessly with Vercel's AI Gateway for model access All components support standard HTML attributes..." We need to translate accurately, preserving technical terms like "React", "shadcn/ui", "AI SDK",

Orientação especializada do Vercel AI Gateway. Use ao configurar roteamento de modelos, failover de provedores, rastreamento de custos ou gerenciamento de múltiplos provedores de IA através de uma interface unificada…

Padrões de persistência de geração de IA — IDs únicos, URLs endereçáveis, armazenamento em banco de dados e rastreamento de custos para cada geração de LLM

Orientação especializada do Vercel AI SDK. Use ao criar funcionalidades baseadas em IA — interfaces de chat, geração de texto, saída estruturada, chamada de ferramentas, agentes, MCP…

Responda perguntas sobre o AI SDK e ajude a criar funcionalidades baseadas em IA. Use quando desenvolvedores: (1) Perguntarem sobre funções do AI SDK como generateText, streamText,…

Responda perguntas sobre o AI SDK e ajude a criar funcionalidades baseadas em IA. Use quando desenvolvedores: (1) Perguntarem sobre funções do AI SDK como generateText, streamText,…

Converter dados do analisador de bundle Next.js para NDJSON e explorá-los

Gera documentação em markdown amigável para agentes sobre rotas de API. Use quando o usuário disser "gerar docs", "documentar esta API", "criar documentação de API" ou "fazer…

Emulado de Login com Apple / Apple OIDC para desenvolvimento e testes locais. Use quando o usuário precisar testar o login da Apple localmente, emular Apple OIDC…

Consulte a API RAG da documentação do Next.js sobre o tópico: $ARGUMENTS

Migrar um aplicativo Astro do Webflow Cloud para a Vercel. Use esta habilidade quando um usuário quiser mover, migrar ou portar um aplicativo Astro do Webflow Cloud para…

Orientação de integração de autenticação — Clerk (Marketplace nativo da Vercel), configuração do Descope e Auth0 para aplicações Next.js. Aborda padrões de autenticação de middleware,…

Depuração de autenticação e armazenamento para vercel-openclaw: modo admin-secret, Sign in with Vercel, cookies de sessão, CSRF, LOCAL_READ_ONLY, Redis vs armazenamento em memória, keyspace…

Use esta habilidade ao criar ou modificar habilidades de agente em .agents/skills/ .

Automatize e inspecione aplicativos shell WebView zero-native em execução através do servidor de automação integrado. Use quando o usuário pedir para testar o aplicativo, listar janelas, tirar uma…

Ferramenta CLI para releases automatizadas baseadas em changesets com descrições geradas por IA. Use quando o usuário precisar publicar um pacote, criar changesets, incrementar versões,…

Serviços de nuvem AWS emulados (S3, SQS, IAM, STS) para desenvolvimento e testes locais. Use quando o usuário precisar interagir com endpoints da API AWS localmente, testar S3…

Fazer backport de um pull request do Next.js já mesclado, do canary para uma branch de release anterior, como next-16-2. Use quando o usuário pedir para fazer backport, cherry-pick ou abrir um…

Valida durações de animação, aplica a escala tipográfica, verifica a acessibilidade de componentes e previne anti-padrões de layout em projetos Tailwind CSS. Use quando…

Comparação visual de páginas web ou elementos entre duas URLs ou imagens. Captura screenshots em viewports de desktop, mobile (375x812) ou tablet (768x1024), com rolagem opcional de página completa. Suporta seletores CSS para isolar elementos específicos e aceita URLs file://, http://, https:// ou caminhos de imagens locais. Gera saída formatada em markdown com upload automático de imagens para 0x0.st (ou GitHub Gist) para fácil integração com PRs. Inclui detecção de proteção de implantação Vercel e integração com GitHub CLI...

Cenários avançados de benchmark para agentes de IA que exploram os recursos de ponta da plataforma Vercel — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

Suíte de benchmark ponta a ponta para vercel-plugin. Executa projetos realistas através de injeção de skill, inicia servidores de desenvolvimento, verifica se tudo funciona, analisa…

Executa cenários de avaliação do vercel-plugin em Vercel Sandboxes em vez de painéis locais do WezTerm. Provisiona microVMs efêmeras com Claude Code + plugin pré-instalado,…

Criar e lançar projetos de teste de benchmark para exercitar a injeção de habilidades do vercel-plugin em cenários realistas. Configura diretórios isolados, instala o…

O orquestrador de inicialização de projetos para repositórios que dependem de recursos vinculados ao Vercel (bancos de dados, autenticação e integrações gerenciadas). Use ao configurar ou…

Construir ou adaptar uma vitrine Shopify com padrões baseados em fonte Vercel Shop. Usar ao criar, redesenhar, refatorar ou revisar rotas de vitrine,…

Habilidade complementar para o curso Building Agents with eve na Vercel Academy. Use quando o usuário mencionar "building agents with eve", "o curso eve", "a bike…

Guia abrangente para construir componentes de UI modernos, acessíveis e composáveis. Abrange taxonomia de componentes (primitivos, componentes, blocos, templates), princípios fundamentais de design e implementação de acessibilidade, incluindo ARIA, navegação por teclado e conformidade com WCAG. Inclui padrões para APIs composáveis, polimorfismo, estado controlado/não controlado e o padrão as-child para composição flexível de elementos. Fornece orientação sobre design tokens, sistemas de temas, abordagens de estilização e uso de...

Orientação especializada para Componentes de Cache do Next.js e Renderização Parcial Antecipada (PPR). **ATIVAÇÃO PROATIVA**: Use esta habilidade automaticamente ao trabalhar em Next.js…

Armazenar e gerenciar fixtures de teste de resposta de API para validação de parsing de provedores. As fixtures são organizadas em subpastas __fixtures__ dentro dos pacotes de provedores, usando convenções de nomenclatura documentadas em exemplos existentes. Suporta dois padrões de teste: generateText (registrar resposta bruta no console e copiar para a fixture) e streamText (usar os helpers includeRawChunks e saveRawChunks para capturar chunks de streaming). Recomenda armazenar respostas verdadeiras dos provedores, a menos que restrições de tamanho exijam cortes que preservem o significado...

Depurar o cache da CDN do Vercel — taxa de acerto do cache, conteúdo obsoleto, comportamento de revalidação, ISR + PPR, motivos de cache por requisição (cacheReason) e custos.

Triagem de webhook de canal para problemas do Slack/Telegram/Discord/WhatsApp do vercel-openclaw: comprovar estado do deployment, coletar endpoints de prontidão do admin, construir…

Auditoria de paridade de rota de webhook para alterações de entrega de canal: garantir que os caminhos terminais registrem, gravem lastForward, classifiquem falhas e atualizem URLs de porta de sandbox obsoletos.

Escreva chatbots uma vez e implante no Slack, Teams, Google Chat, Discord, GitHub e Linear. SDK unificado em TypeScript com manipuladores de eventos independentes de plataforma (menções, mensagens, reações, comandos de barra, ações) e formato de mensagem normalizado em todas as plataformas. Suporte integrado a streaming para respostas de IA via integração com SDK de IA, além de cartões interativos baseados em JSX com botões, menus suspensos e modais de formulário. Adaptadores de estado conectáveis para Redis, PostgreSQL ou persistência em memória; manipuladores de webhook...

Orientação especializada do Vercel Chat SDK. Use ao construir chatbots multiplataforma — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — com um…

SDK unificado em TypeScript para construir chatbots no Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear e WhatsApp. Escreva a lógica do bot uma vez e implante em qualquer lugar.

Usar para mudanças em pacotes/cli que afetam UX de comandos, prompts, ajuda, layout de saída, progresso, sucesso, avisos, erros, contratos JSON/stdout/stderr,…

Orientação de integração com CMS headless — Sanity (Vercel Marketplace nativo), Contentful, DatoCMS, Storyblok e Builder.io. Abrange configuração do studio, modelagem de conteúdo,…

Analisa alterações de código e fornece feedback acionável. Use quando o usuário pedir para revisar um PR, diff, commit ou alterações de código. Aciona em "/review", "revisar…

Utilitários de geração de código para json-render. Use ao gerar código a partir de especificações de UI, construir exportadores de código personalizados, percorrer especificações ou serializar props para…

Padrões de composição React que escalam. Use ao refatorar componentes com proliferação de props booleanas, construir bibliotecas de componentes flexíveis ou projetar…

Definição de esquema, criação de catálogo e geração de prompts de IA para especificações json-render. Defina esquemas com especificações tipadas e catálogos usando defineSchema, depois crie catálogos mapeando nomes de componentes para suas props e descrições. Gere prompts de sistema de IA a partir de catálogos com regras personalizadas opcionais; suporta streaming de especificações via patches JSONL com createSpecStreamCompiler. Expressões dinâmicas de props permitem vinculação de estado ($state, $bindState), condicionais ($cond), templates ($template) e...

Guia completo para migrar projetos do Create React App (CRA) para Next.js. Use ao migrar um aplicativo CRA, convertendo React Router para roteamento baseado em arquivos, ou…

Crie vídeos Remotion usando a estética do sistema de design Geist. Use quando for solicitado a criar vídeos, animações ou gráficos em movimento que devem seguir o estilo da Vercel…

Configuração e melhores práticas de Vercel Cron Jobs. Use ao adicionar, editar ou depurar tarefas agendadas em vercel.json.

Depuração de cron e watchdog para vercel-openclaw: autenticação de cron da Vercel, jobs OpenClaw persistentes, chaves de ativação de cron, atualização de token, oracle de restauração, hot spare e…

Analisar e transformar dados CSV usando ferramentas bash

Inicializar o d3k em aplicativos de IA independentes (Codex, Cursor, Claude Code): detectar/instalar dev3000, iniciar o d3k como runtime e usar logs unificados mais navegador CDP…

Use esta habilidade ao alterar caminhos condicionais de require(), importações exclusivas do Node ou ramificações de edge/runtime.

Execute o DeepSec em um checkout de projeto Vercel do dev3000. Use para configuração DeepSec com um clique, inicialização de contexto do projeto, processamento limitado de primeira passagem e…

Use deepsec (um scanner de vulnerabilidades com inteligência artificial) — executando varreduras, configurando projetos, escrevendo matchers e criando plugins. Ativa quando o usuário pergunta…

Implante aplicações na Vercel. Use quando o usuário disser "deploy", "deploy to Vercel", "push to production", "deploy my app" ou "go live".

Orienta o usuário na coleta das credenciais necessárias para implantar sua própria cópia do Open Harness, fazer o deploy deste repositório na Vercel e concluir a primeira execução…

We need to translate the given text from English to Brazilian Portuguese. The text describes a skill for deploying to Vercel. We must preserve product names, protocol names, URLs, numbers, and technical terms. The name "deploy-to-vercel" is not in the text, so we don't include it. We should not add any extra commentary or labels. Just translate the text inside <text>. The text: "Deploy applications and websites to Vercel with automatic git integration and preview URLs. Supports three deployment paths: git-push (ideal for linked projects), direct CLI deployment, and no-auth fallback for sandboxed environments Automatically detects project state (linked via .vercel/project.json or .vercel/repo.json , git remote presence, CLI authentication) and chooses the best deployment method Handles team selection for multi-team accounts and uses --scope to deploy to the correct..." Note: There is a missing period after "environments" and before "Automatically". Also there is a missing period after "method" before "Handles". We should

Orientação especializada em implantação Vercel e CI/CD. Use ao implantar, promover, reverter, inspecionar implantações, construir com --prebuilt ou configurar CI…

Scripts de desenvolvimento e validação para funções do AI SDK em múltiplos provedores e capacidades. Organizados por categoria de função do AI SDK (geração de texto, streaming, saída estruturada, embeddings, geração de imagem, fala, transcrição, reclassificação e agentes). A convenção de nomenclatura de arquivos mapeia combinações de provedor e funcionalidade (ex.: openai-tool-call.ts, amazon-bedrock-anthropic-cache-control.ts) para identificação rápida. Inclui utilitários compartilhados para tratamento de erros, carregamento de ambiente,...

Painel de inspeção integrado para qualquer aplicativo de renderização JSON. Use quando o usuário quiser depurar uma UI generativa, inspecionar a árvore de especificações, editar o estado em tempo de execução, ver ações despachadas…

Diretivas personalizadas pré-construídas para json-render — formatação, matemática, manipulação de strings e i18n. Use ao trabalhar com @json-render/directives, definindo personalizadas…

Workflow especialista em canais do Discord: depuração de webhooks de interação, assinaturas Ed25519, respostas adiadas, encaminhamento de workflow para /discord-webhook, integração…

Orientação especializada para o Edge Runtime da Vercel — o runtime JavaScript leve para Edge Functions e Middleware da Vercel. Use ao construir ou configurar edge…

Orientação de integração para envio de e-mails — Resend (marketplace nativo da Vercel) com templates do React Email. Abrange configuração de API, e-mails transacionais, domínio…

Esta habilidade codifica a filosofia de Emil Kowalski sobre polimento de UI, design de componentes, decisões de animação e os detalhes invisíveis que fazem o software parecer ótimo.

Emulador de API local drop-in para Vercel, GitHub, Google, Slack, Apple, Microsoft e AWS. Use quando o usuário precisar iniciar serviços emulados, configurar seed…

Adicione Vercel Analytics, Vercel Speed Insights e Google Tag Manager à vitrine.

Habilita i18n baseado em next-intl no template da loja — URLs com prefixo de localidade, catálogos de mensagens por localidade e um seletor de localidade. Use quando o usuário quiser "localidade…

Conecta metaobjetos do Shopify como CMS para conteúdo de homepage e páginas de marketing. Adiciona consultas GraphQL para os tipos de metaobjeto cms_homepage e cms_page e transforma…

Habilite o Shopify Markets com roteamento multilíngue usando next-intl. Use quando o usuário quiser adicionar internacionalização, suporte a múltiplos idiomas, prefixo de localidade…

Substitua os menus de navegação e rodapé codificados por menus gerenciados pelo Shopify.

Orientação especializada em variáveis de ambiente da Vercel. Use ao trabalhar com arquivos .env, comandos env da Vercel, tokens OIDC ou ao gerenciar configurações específicas de ambiente.

Construa agentes de IA de backend duráveis com o framework eve. Use ao criar, editar ou depurar um projeto eve — instruções de agente, skills, ferramentas,…

Construa agentes de IA duráveis e aplicações com tecnologia de agentes usando o framework eve. Use ao criar, editar ou depurar um projeto eve, ou ao escolher…

Use o Shopify AI Toolkit para inspecionar os esquemas GraphQL ao vivo da vitrine e da conta do cliente para o trabalho na Vercel Shop.

Você é um assistente de ensino experiente para o curso Building Filesystem Agents na Vercel Academy. Você ajuda os alunos a construir agentes que navegam por sistemas de arquivos com bash para responder perguntas sobre dados estruturados.

Descubra e instale habilidades especializadas de agentes do ecossistema aberto quando os usuários precisarem de capacidades estendidas. Ajuda a identificar habilidades relevantes por domínio e tarefa quando os usuários perguntam "como faço X" ou "encontre uma habilidade para X". Integra-se com a CLI de Skills (npx skills find, npx skills add) para pesquisar, verificar e instalar pacotes do diretório skills.sh. Recomenda habilidades com base no número de instalações, reputação da fonte e estrelas do GitHub para garantir qualidade antes de sugerir a instalação. Apresenta habilidade...

Depuração de firewall e Vercel AI Gateway para vercel-openclaw: listas de permissão de política de rede, renovação de token OIDC, regras de transformação do AI Gateway, firewall…

Use esta habilidade ao adicionar ou alterar flags de funcionalidade do framework nos internos do Next.js.

O Flags SDK (pacote npm flags) é um kit de ferramentas de feature flags para Next.js e SvelteKit. Ele transforma cada feature flag em uma função chamável, funciona com qualquer provedor de flags por meio de adaptadores e mantém as páginas estáticas usando o padrão de pré-computação. O Vercel Flags é o provedor oficial, permitindo gerenciar flags pelo painel do Vercel ou pela CLI vercel flags.

Crie interfaces frontend distintas e de qualidade profissional, com alto padrão de design. Use esta habilidade quando o usuário solicitar a criação de componentes web, páginas, artefatos…

Crie interfaces frontend distintas e de qualidade de produção, com alto padrão de design. Use esta habilidade quando o usuário pedir para construir componentes web, páginas, artefatos…

Depuração de gateway e proxy para vercel-openclaw: roteamento /gateway, injeção de HTML, reescrita de WebSocket, handoff de gateway-token, página de espera, heartbeat de status,…

Orientação especializada para o Geist, sistema de tipografia padrão e família de fontes da Vercel para interfaces precisas em Next.js. Use ao configurar Geist Sans, Geist Mono ou…

Crie experiências de aprendizado explorativas e interativas como aplicativos Next.js usando o sistema de design Geist. Use ao criar tutoriais, explicações exploráveis,…

Orientação especializada para o Geistdocs, modelo de documentação da Vercel construído com Next.js e Fumadocs — criação de MDX, configuração, chat de IA, i18n, feedback,…

API REST do GitHub emulada para desenvolvimento e testes locais. Use quando o usuário precisar interagir com endpoints da API do GitHub localmente, testar integrações com o GitHub,…

Adicione ferramentas da API do GitHub a agentes de IA usando @github-tools/sdk — AI SDK, eve, Vercel Workflow e Chat SDK. Abrange ferramentas, predefinições, controle de aprovação, escopo de token,…

OAuth 2.0 do Google, OpenID Connect, Gmail, Agenda e Drive emulados para desenvolvimento e testes locais. Use quando o usuário precisar testar o login do Google…

Use ao construir aplicações web Hono implantadas na Vercel, ou quando o usuário perguntar sobre APIs Hono, roteamento, middleware, JSX, validação, testes ou streaming.

Renderizador de imagens para json-render que converte especificações JSON em imagens SVG e PNG via Satori. Use ao trabalhar com @json-render/image, gerando imagens OG a partir de…

Inicialize uma nova loja Vercel Shop com a CLI oficial create-vercel-shop. Use quando o usuário quiser criar, estruturar, iniciar ou inicializar uma Vercel…

Renderizador de terminal Ink para json-render que transforma especificações JSON em UIs de terminal interativas. Use ao trabalhar com @json-render/ink, construindo UIs de terminal a partir de…

Spin up a portless + tmux dev session for the Workflow SDK that gives each git worktree isolated `<branch>.<name>.localhost` URLs for the Next.js workbench and…

Coordenador de depuração orquestrado. Aciona com base em sinais de frustração (travado, pendurado, quebrado, esperando) e faz triagem sistemática: logs de execução → status do fluxo de trabalho →…

Como ser resgatado de uma ilha deserta

Adaptador Jotai para a interface StateStore do json-render. Use ao integrar json-render com Jotai para gerenciamento de estado via @json-render/jotai.

Orientação para renderização de respostas de chat de IA — tratamento de partes de UIMessage, exibição de chamadas de ferramenta, estados de streaming e apresentação de dados estruturados. Use ao construir…

Definição de esquema, criação de catálogo e streaming de especificações para renderização de JSON orientada por IA. Defina esquemas com especificações tipadas e catálogos de componentes usando defineSchema e defineCatalog; gere prompts de IA automaticamente ou com regras personalizadas. Suporte a expressões de propriedades dinâmicas, incluindo vinculação de estado ($state, $bindState), condicionais ($cond), modelos e funções computadas. Transmita respostas de IA como patches JSONL usando createSpecStreamCompiler para construção progressiva de especificações. Validação integrada,...

Renderizador de imagens para json-render que converte especificações JSON em imagens SVG e PNG via Satori. Use ao trabalhar com @json-render/image, gerando imagens OG a partir de…

Converta especificações JSON em árvores de componentes React com segurança de tipos, gerenciamento de estado e expressões dinâmicas. Suporta especificações de UI declarativas com árvores de elementos, vinculação bidirecional de dados via $bindState, renderização condicional e expressões computadas. Gerenciamento de estado integrado através do StateProvider com integração opcional de armazenamento externo (Redux, Zustand, XState) e caminhos de estado baseados em JSON Pointer. Sistema de eventos com despacho de ações, observadores de estado e quatro ações integradas: setState,...

Renderizador de e-mails React para json-render que converte especificações JSON em e-mails HTML ou texto simples usando @react-email/components e @react-email/render. Use quando…

Renderizador React Native para json-render que converte especificações JSON em UIs móveis nativas. Use ao trabalhar com @json-render/react-native, construindo UIs React Native…

Renderizador Remotion para json-render que transforma especificações de timeline em JSON em vídeos. Use ao trabalhar com @json-render/remotion, criando composições de vídeo a partir de…

Componentes shadcn/ui pré-construídos para json-render. Use ao trabalhar com @json-render/shadcn, adicionando componentes de UI padrão a um catálogo ou construindo interfaces web com…

Corrige conhecimento desatualizado do LLM sobre a plataforma Vercel e apresenta

Criar ou modificar um arquivo de configuração konsistent.json que impõe convenções estruturais em uma base de código TypeScript. Use quando o usuário quiser impor…

Execute o CLI konsistent, revise todas as violações reportadas e corrija-as no código. Use quando o usuário quiser "corrigir violações konsistent", "resolver…

Escrever e manter arquivos de documentação lat.md — markdown estruturado que descreve a arquitetura, decisões de design e especificações de teste de um projeto. Use quando…

Lançamento de verificação e depuração remota de fumaça para vercel-openclaw: pré-voo, ping de fila, ensureRunning, chatCompletions, wakeFromSleep, restorePrepared,…

API GraphQL Linear emulada para desenvolvimento e testes locais. Use quando o usuário precisar testar integrações Linear localmente, emular issues, comentários do Linear,…

Inspeciona o conteúdo do tarball do pacote npm antes de publicar para verificar quais arquivos serão distribuídos. Lista os arquivos exatos que seriam enviados para o npm, ajudando a identificar inclusões ausentes ou indesejadas antes da publicação. Respeita o campo files no package.json, .npmignore e regras do .gitignore para mostrar o conteúdo real do pacote. Constrói automaticamente o pacote, cria um tarball, exibe o conteúdo e faz a limpeza em um único comando. Execute a partir do diretório do pacote com um script bash simples; útil para...

Visualizar logs de implantação do Vercel. Use quando o usuário disser "mostrar logs", "verificar logs", "logs do vercel" ou "o que deu errado com a implantação".

Contexto para trabalhar na próxima versão principal do AI SDK. Use apenas quando invocado explicitamente pelo usuário (ex.: via '/major-version-mode'). NÃO acione…

Orientação especializada do Marketplace Vercel — descobrindo, instalando e criando integrações, variáveis de ambiente provisionadas automaticamente, faturamento unificado e o…

Adiciona integração de AI Skills (API de Revisão de Marca) a um aplicativo do Sitecore Marketplace. Use quando o usuário deseja adicionar análise de conteúdo com IA, revisão de marca ou marca...

Adiciona uma nova rota de ponto de extensão a um aplicativo do Sitecore Marketplace. Use quando o usuário quiser adicionar um campo personalizado, widget de painel, painel de contexto, tela cheia…

Adiciona integração com a API do XM Cloud a um aplicativo do Sitecore Marketplace. Use quando o usuário quiser acessar as APIs de Sites, Páginas, Criação, Transferência de Conteúdo, Pesquisa ou Agente…

Constrói componentes de UI usando o sistema de design Blok para aplicativos do Sitecore Marketplace. Use quando o usuário quiser criar interface, adicionar componentes, montar um layout de página ou…

Implanta um aplicativo do Sitecore Marketplace na Vercel com cabeçalhos CSP e configuração corretos.

Estrutura um novo aplicativo do Sitecore Marketplace usando o SDK oficial. Use quando o usuário quiser criar um novo aplicativo do marketplace, iniciar um novo projeto Sitecore, ou…

Referência da API do SDK do Sitecore Marketplace. Use quando o usuário perguntar sobre métodos, tipos, consultas, mutações, assinaturas do SDK ou como usar qualquer Sitecore…

Integração de aplicativos MCP para renderização de JSON. Use ao construir servidores MCP que renderizam interfaces interativas no Claude, ChatGPT, Cursor ou VS Code, ou ao integrar…

Orientação especializada para micro — framework assíncrono de microsserviços HTTP da Vercel. Use ao construir servidores HTTP leves, endpoints de API ou microsserviços…

Emulated Microsoft Entra ID (Azure AD) OAuth 2.0 / OpenID Connect para desenvolvimento e testes locais. Use quando o usuário precisar testar o login da Microsoft localmente,…

Migrar aplicações do AI SDK 6.x para o AI SDK 7.0. Use ao atualizar pacotes do Vercel AI SDK, corrigir erros de migração da v7, ou quando o usuário mencionar AI SDK v6,…

Migra fluxos de trabalho do Temporal, Inngest, Trigger.dev e AWS Step Functions para o Workflow SDK. Use ao portar Activities, Workers, Signals, step.run(),…

Habilidade de descoberta para o Native SDK, o kit de ferramentas completo para construir aplicativos desktop nativos - as visualizações são marcação nativa declarativa (.native), a lógica é…

Orientação especializada para @vercel/ncc — uma CLI simples para compilar módulos Node.js em um único arquivo com todas as dependências incluídas. Use ao empacotar serverless…

Adaptador Next.js para incorporar emuladores diretamente em um aplicativo Next.js via @emulators/adapter-next. Use quando o usuário precisar incorporar emuladores no Next.js, configurar…

Renderizador Next.js para json-render que transforma especificações JSON em aplicações Next.js completas com rotas, layouts, SSR e metadados. Use ao trabalhar com…

Práticas recomendadas do Next.js - convenções de arquivos, limites de RSC, padrões de dados, APIs assíncronas, metadados, tratamento de erros, manipuladores de rotas, otimização de imagens/fontes,…

Diretrizes abrangentes de desenvolvimento Next.js cobrindo estrutura de arquivos, padrões RSC, busca de dados, otimização e tratamento de erros. Abrange mais de 15 áreas temáticas, incluindo convenções de arquivos, segmentos de rota, limites RSC, padrões assíncronos, geração de metadados e otimização de imagens/fontes. Fornece orientação de seleção em tempo de execução, uso de diretivas e estratégias de tratamento de erros com convenções específicas de arquivos como error.tsx e not-found.tsx. Inclui padrões de busca de dados, melhores práticas para manipuladores de rota,...

Práticas recomendadas do Next.js - convenções de arquivos, limites de RSC, padrões de dados, APIs assíncronas, metadados, tratamento de erros, manipuladores de rota, otimização de imagem/fonte,…

Práticas recomendadas do Next.js - convenções de arquivos, limites de RSC, padrões de dados, APIs assíncronas, metadados, tratamento de erros, manipuladores de rotas, otimização de imagens/fontes,…

Se o next-browser ainda não estiver no PATH, instale o @vercel/next-browser globalmente com o gerenciador de pacotes do usuário e, em seguida, execute playwright install chromium.

Orientação sobre Componentes de Cache do Next.js 16 — PPR, diretiva use cache, cacheLife, cacheTag, updateTag e migração do unstable_cache. Use ao implementar…

Misture conteúdo estático, em cache e dinâmico em uma única rota Next.js com Partial Prerendering. Habilite com cacheComponents: true no next.config.ts; substitui a antiga flag experimental.ppr. Use a diretiva 'use cache' no nível de arquivo, componente ou função para armazenar dados assíncronos em cache com geração automática de chave baseada em argumentos e closures. Controle o tempo de vida do cache com cacheLife() usando perfis integrados ('minutes', 'hours', 'days', 'weeks', 'max') ou configuração inline com stale,...

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

Check Next.js compilation errors via a running dev server. Turbopack only. MANDATORY after every code edit before reporting work complete. Replaces `next…

next-forge expert guidance — production-grade Turborepo monorepo SaaS starter by Vercel. Use when working in a next-forge project, scaffolding with `npx…

Assistência especializada para next-forge — um template Turborepo de nível de produção para aplicativos SaaS Next.js. Aciona em perguntas sobre instalação, configuração do next-forge…

Atualizar o Next.js para a versão mais recente seguindo os guias oficiais de migração e codemods. Use ao atualizar versões do Next.js, executar codemods ou migrar…

Atualizações automatizadas de versão do Next.js com codemods oficiais e integração de guia de migração. Detecta a versão atual do Next.js a partir do package.json e busca documentação de atualização específica da versão nos guias oficiais. Executa codemods do Next.js automaticamente para lidar com mudanças significativas, como APIs de solicitação assíncrona, migrações de propriedades geo/IP e transformações de importação dinâmica. Gerencia atualizações incrementais para saltos de versão principal (ex.: 13 → 14 → 15) e atualiza dependências pares (React, React DOM,...

Atualize o Next.js para a versão mais recente seguindo os guias oficiais de migração e codemods

Orientação especializada no Next.js App Router. Use ao construir, depurar ou arquitetar aplicações Next.js — roteamento, Server Components, Server Actions, Cache…

Migrar uma aplicação Next.js do Webflow Cloud para a Vercel. Use esta skill quando um usuário quiser mover, migrar ou portar um app Next.js do Webflow Cloud para…

Structured diagnostic code library for JavaScript/TypeScript. Turns errors and other conditions into typed, machine-readable `Diagnostic` instances with stable…

Adaptador Nuxt para incorporar emuladores diretamente em um aplicativo Nuxt via @emulators/adapter-nuxt. Use quando o usuário precisar incorporar emuladores no Nuxt, configurar mesma origem…

Configure provedores OAuth (Google, Apple, Microsoft, Facebook, GitHub, etc.) para funcionar com URLs de desenvolvimento local sem porta. Use ao configurar URIs de redirecionamento OAuth,…

Orientação especializada em Observabilidade da Vercel — Drenos (logs, traces, insights de velocidade, análise web), Análise Web, Insights de Velocidade, logs de runtime, eventos personalizados,…

Depuração de bootstrap, bundle, configuração e restauração de ativos do OpenClaw para vercel-openclaw: sidecars openclaw.bundle, descoberta de plugins, catálogo de canais, reinicialização…

Buscar código-fonte de dependências para fornecer aos agentes de IA um contexto de implementação mais profundo. Use quando o agente precisar entender como uma biblioteca funciona internamente, ler…

Orientação de integração de pagamentos Stripe — configuração nativa do Vercel Marketplace, sessões de checkout, manipulação de webhooks, cobrança por assinatura e o SDK Stripe. Use quando…

Use ao construir, revisar ou otimizar animações web OU performance de renderização (loops de quadro, revelações de scroll/viewport, transições de montagem/desmontagem,…

Planejamento holístico e consciente do sistema antes de implementar tarefas não triviais. Use quando a tarefa envolver novos recursos, decisões arquiteturais, alterações em múltiplos arquivos…

Audita o desempenho do plugin-audit em projetos reais. Extrai chamadas de ferramentas dos logs de conversa do Claude Code, testa a correspondência de hooks com entradas reais,…

We need to translate the given text from English to Brazilian Portuguese. The text describes a tool or skill called "portless" but the name is not to be included unless it appears in the source text. The source text does not include the name "portless" explicitly; it starts with "Named .localhost URLs for dev servers...". So we should not add "portless". We need to preserve product names, protocol names, URLs, numbers, technical terms. So ".localhost", "URLs", "port", "4000–4999", "myapp.localhost:1355", "reverse proxy", "port 1355", "git worktrees", "subdomain", "HTTP/2", "HTTPS", "local CA certificates", "CLI commands", "proxy..." should be kept as is or translated appropriately? The instruction says "preserve product names, protocol names, URLs, numbers, and technical terms." So we should not translate "localhost", "URL", "HTTP/2", "HTTPS", "CLI", "git",

Use esta skill quando o usuário perguntar sobre status de PR, falhas de CI ou comentários de revisão no monorepo do Next.js.

Biblioteca mínima de shaders WebGPU para codificação criativa e gráficos em tempo real. Fornece passes em tela cheia, partículas, shaders de computação, alvos de renderização e ping-pong…

We need to translate the given text from English to Brazilian Portuguese. The text describes a skill that converts JSON specs into React component trees. It mentions type-safe props, state management, Zod schemas, StateProvider, two-way binding, conditional rendering, external store integration, event system, action dispatching, state watchers, and four built-in actions. The name "react" is to be preserved, but it appears in the text as "React" (capitalized). The instruction says "Do not include the name unless it appears in the source text." Since "React" appears in the source text, we should keep it as is. Also preserve "JSON", "Zod", "StateProvider", "$bindState", "Redux", "Zustand", "XState", "setState", "pushState", "removeState". The text ends with "removeState,..." so we need to include the ellipsis. Translate the rest naturally. Translation: "Converta especificações JSON em árvores de componentes React com props type-safe e gerenciamento

Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering. Esta habilidade deve ser usada ao escrever, revisar ou refatorar código React/Next.js para garantir padrões de desempenho ideais. Aciona tarefas que envolvem componentes React, páginas Next.js, busca de dados, otimização de bundle ou melhorias de desempenho.

Revisor de melhores práticas React para arquivos TSX. É acionado após editar múltiplos componentes TSX para executar uma lista de verificação de qualidade condensada cobrindo estrutura de componentes,…

Renderizador de React Email para json-render que converte especificações JSON em e-mails HTML ou texto simples usando @react-email/components e @react-email/render. Use quando…

Renderizador React Native para json-render que converte especificações JSON em UIs nativas para dispositivos móveis. Use ao trabalhar com @json-render/react-native, construindo UIs React Native…

Melhores práticas de React Native e Expo para construir aplicativos móveis com desempenho. Use ao construir componentes React Native, otimizar desempenho de listas, implementar…

Renderizador de PDF React para json-render. Use ao gerar documentos PDF a partir de especificações JSON, trabalhando com @json-render/react-pdf ou renderizando especificações para PDF…

Renderizador 3D React Three Fiber para json-render. Use ao trabalhar com @json-render/react-three-fiber, construindo cenas 3D a partir de especificações JSON, renderizando…

Use esta skill para alterações que envolvam React com vendor, react-server-dom-webpack/* ou limites de camada react-server.

Adaptador Redux para a interface StateStore do json-render. Use ao integrar json-render com Redux ou Redux Toolkit para gerenciamento de estado via @json-render/redux.

Liberar vercel-plugin — executar gates, incrementar versão, gerar artefatos, commitar e fazer push. Use quando solicitado a "liberar", "enviar", "incrementar e fazer push" ou "cortar uma liberação".

Renderizador Remotion para json-render que converte especificações de timeline JSON em vídeos. Use ao trabalhar com @json-render/remotion, construindo composições de vídeo a partir de…

Melhores práticas para Remotion - Criação de vídeos em React

Remove as restrições de demonstração hospedadas pelo Open Harness de um fork. Use quando um mantenedor quiser remover os limites de teste de modelo gerenciado, o bloqueio de implantação hospedada ou…

API de e-mail Resend emulada para desenvolvimento e testes locais. Use quando o usuário precisar enviar e-mails localmente, testar fluxos de e-mail transacionais, implementar magic…

Use esta habilidade ao escrever ou modificar testes que envolvam requisições de prefetch, navegações

Orientação de middleware de roteamento Vercel — interceptação de requisições antes do cache, reescritas, redirecionamentos, personalização. Funciona com qualquer framework. Suporta Edge, Node.js,…

Orientação da API de Cache de Runtime da Vercel — cache chave-valor efêmero por região com invalidação baseada em tags. Compartilhado entre Functions, Middleware de Roteamento e Builds.…

Use esta habilidade ao reproduzir regressões de inclusão de runtime-bundle, module-resolution ou user-bundle.

Cria MicroVMs Linux isoladas usando o Vercel Sandbox SDK. Use ao construir ambientes de execução de código, executar código não confiável, iniciar servidores de desenvolvimento,…

Depuração do ciclo de vida do sandbox para vercel-openclaw: criar, retomar, parar, capturar instantâneo, redefinir, reconciliação de execução obsoleta, comportamento persistente do Sandbox v2, hot…

Expertise em ciclo de vida do Vercel Sandbox v2 para vercel-openclaw: criação/retomada/parada/exclusão de sandbox OpenClaw persistente nomeada, verdade de salvamento automático persistente, manual…

Orientação especializada para o Satori — biblioteca da Vercel que converte HTML e CSS em SVG, comumente usada para gerar imagens OG dinâmicas para Next.js e outros frameworks.

Configurar a CLI do Vercel e a configuração do projeto. Use quando o usuário disser "configurar Vercel", "configurar Vercel", "vincular ao Vercel" ou "vercel init".

Orientação especializada em shadcn/ui — CLI, instalação de componentes, padrões de composição, registros personalizados, temas, integração com Tailwind CSS e interfaces de alta qualidade…

Componentes pré-construídos shadcn/ui para json-render. Use ao trabalhar com @json-render/shadcn, adicionando componentes de UI padrão a um catálogo ou construindo interfaces web com…

Componentes shadcn-svelte pré-construídos para aplicativos Svelte json-render. Use ao trabalhar com @json-render/shadcn-svelte, adicionando componentes de UI padrão a um Svelte…

Integre o GraphQL de vitrine ou conta de cliente validado pelo Shopify no Vercel Shop. Use após o Shopify AI Toolkit ter fornecido e validado uma operação de API,…

Orientação de login com Vercel — provedor de identidade OAuth 2.0/OIDC para autenticação de usuários por meio de contas Vercel. Use ao implementar login de usuário com Vercel como…

Guia para criar skills eficazes. Esta skill deve ser usada quando os usuários quiserem criar uma nova skill (ou atualizar uma skill existente) que estenda as capacidades do Claude…

Guia para criar skills eficazes. Esta skill deve ser usada quando os usuários quiserem criar uma nova skill (ou atualizar uma skill existente) que estenda as capacidades do Claude…

API do Slack emulada para desenvolvimento e testes locais. Use quando o usuário precisar interagir com endpoints da API do Slack localmente, testar integrações com o Slack, emular…

Use ao trabalhar com código de agente/bot do Slack, aplicações Chat SDK, projetos Bolt para JavaScript ou projetos que usam @chat-adapter/slack ou @slack/bolt. Fornece…

Fluxo de trabalho especialista em canais do Slack: depuração de OAuth do Slack vs pronto para entrega, caminho rápido de /slack/events, assinaturas de corpo bruto, reparo de rota, limpeza de mensagens de inicialização e…

Renderizador SolidJS para json-render. Use ao construir catálogos/registros @json-render/solid, conectando provedores Renderer, implementando bindings/ações, ou…

Streamdown, orientação especializada em streaming-markdown. Use ao renderizar Markdown em streaming de modelos de IA, construir interfaces de chat com conteúdo em tempo real ou substituir…

Renderizador React Markdown otimizado para streaming com realce de sintaxe, diagramas, matemática e integração de chat de IA. Suporta quatro plugins opcionais: realce de sintaxe de código via Shiki (mais de 200 idiomas), diagramas Mermaid, renderização de matemática LaTeX e suporte a texto CJK. Dois modos de renderização: streaming (com cursor animado para chat de IA) e estático (para blogs e documentação). Recursos de segurança integrados, incluindo modais de segurança de links, filtragem de tags HTML, sanitização de URL e elemento configurável...

API Stripe emulada para desenvolvimento e testes locais. Use quando o usuário precisar processar pagamentos localmente, testar fluxos de checkout, criar clientes, gerenciar…

Orientação especializada para styled-jsx — CSS-in-JS com escopo para React e Next.js. Use ao escrever estilos com escopo de componente usando o plugin babel styled-jsx, utilizando…

Renderizador Svelte 5 para json-render que transforma especificações JSON em árvores de componentes Svelte. Use ao trabalhar com @json-render/svelte, construindo UIs Svelte a partir de JSON,…

Orientação especializada em busca de dados com SWR. Use ao construir aplicativos React com busca de dados no lado do cliente, cache, revalidação, mutações, UI otimista, paginação ou…

Migre uma aplicação TanStack Start do Cloudflare Workers para a Vercel. Use esta habilidade quando um usuário quiser mover, migrar ou portar um TanStack Start (ou…

Migre uma aplicação TanStack Start da Netlify para a Vercel. Use esta habilidade quando um usuário quiser mover, migrar ou portar um aplicativo TanStack Start (ou TanStack) de…

Fluxo de trabalho especialista em canais do Telegram: depuração de /api/channels/telegram/webhook, porta nativa 8787 /telegram-webhook, webhookSecret, limpeza de inicialização e pós-aceitação…

Analisar e transformar arquivos de texto usando ferramentas bash

Orientação especializada em Turbopack. Use ao configurar o bundler do Next.js, otimizar HMR, depurar problemas de build ou entender as diferenças entre Turbopack e Webpack…

Orientação especializada em Turborepo. Use ao configurar ou otimizar builds de monorepo, configurar cache de tarefas, cache remoto, execução paralela ou o --affected…

Sistema de build monorepo com cache inteligente de tarefas, execução paralela e orquestração de grafo de dependências. Armazena em cache as saídas das tarefas e executa tarefas em paralelo com base nas dependências declaradas; suporta cache remoto para fluxos CI/CD. Filtra e executa apenas pacotes alterados com --affected, ou use --filter para seleção personalizada de pacotes. Configura tarefas em turbo.json com as chaves dependsOn, outputs, inputs e env; suporta substituições específicas de pacotes via Configurações de Pacote. Impõe monorepo...

Sistema de espaçamento semântico para Tailwind CSS v4 usando unidades de bloco (32px) e tabulação (4px). Use ao construir interfaces com espaçamento consistente, painéis de controle, painéis administrativos,…

APIs REST Twilio emuladas para desenvolvimento e testes locais. Use quando o usuário precisar testar Mensagens, Verificação, Voz, números de telefone, webhooks, status…

Quando a clonagem for necessária:

Fluxo de trabalho guiado para atualizar a documentação do Next.js com base em alterações de código e revisões de PR. Analisa diffs do git para identificar arquivos de documentação afetados usando um mapeamento de código para documentação. Fornece templates e convenções para estruturar novas documentações de funcionalidades (componentes, funções, configuração, guias, convenções de arquivos). Orienta atualizações passo a passo na documentação existente com confirmação do usuário antes de cada alteração. Inclui checklist de validação e comandos de linting para garantir a formatação...

Adicionar novos ou remover IDs de modelos obsoletos para provedores existentes do AI SDK. Use ao adicionar um modelo a um provedor, remover um modelo obsoleto ou processar uma lista de…

Atualizar uma vitrine existente da Vercel Shop com alterações mais recentes do template. Use quando o usuário quiser verificar divergências, planejar uma atualização ou aplicar atualizações do template a uma…

Orientação especializada do v0 da Vercel. Use ao discutir geração de código por IA, criação de componentes de interface a partir de prompts, uso da CLI v0, integração com SDK/API v0, ou…

Use esta habilidade ao escrever ou otimizar caminhos de código críticos para desempenho nos internos do servidor Next.js — especialmente caminhos críticos por requisição, como renderização, streaming, roteamento e cache.

API REST do Vercel emulada para desenvolvimento e testes locais. Use quando o usuário precisar interagir com endpoints da API do Vercel localmente, testar integrações com o Vercel,…

Implante aplicações e sites na Vercel. Use esta habilidade quando o usuário solicitar ações de implantação como "Implante meu aplicativo", "Implante isso em produção", "Crie uma implantação de pré-visualização", "Implante e me dê o link" ou "Publique isso ao vivo". Nenhuma autenticação necessária - retorna URL de pré-visualização e link de implantação resgatável.

Orientação do Vercel Agent — revisão de código com IA, investigação de incidentes e instalação de SDK. Automatiza análise de PR e depuração de anomalias. Use ao configurar…

Vercel AI SDK (Python) - padrões para construir aplicativos com LLM usando streaming, ferramentas, hooks e saída estruturada

Orientação especializada em Vercel MCP e API REST. Use quando o agente precisar de acesso em tempo real a projetos, implantações, variáveis de ambiente, domínios, logs ou…

Orientação especializada para Vercel CLI. Use ao implantar, gerenciar variáveis de ambiente, vincular projetos, visualizar logs, consultar métricas, gerenciar domínios ou…

Interface de linha de comando para implantar, gerenciar e desenvolver projetos Vercel localmente e em pipelines CI/CD. Requer vinculação explícita do projeto via vercel link (projeto único) ou vercel link --repo (monorepos); comandos devem ser executados a partir do diretório que contém a pasta .vercel/. Fluxos de trabalho principais: vercel dev para desenvolvimento local, vercel deploy para implantações de pré-visualização, vercel --prod para produção. Suporta variáveis de ambiente, domínios, DNS, armazenamento blob, integrações, backends Node.js,...

Implante e gerencie projetos na Vercel usando autenticação baseada em token. Use ao trabalhar com a CLI da Vercel utilizando tokens de acesso em vez de login interativo —…

Padrões de composição React que escalam. Use ao refatorar componentes com proliferação de props booleanas, construir bibliotecas de componentes flexíveis ou projetar…

Padrões de composição React para escalar componentes e evitar proliferação de props booleanas. Abrange quatro categorias prioritárias: arquitetura de componentes, gerenciamento de estado, padrões de implementação e APIs do React 19, cada uma com regras específicas e exemplos de código. Inclui mais de 10 padrões nomeados abordando componentes compostos, provedores de contexto, elevação de estado e variantes explícitas. Projetado para refatorar componentes inchados, construir bibliotecas reutilizáveis e revisar decisões de arquitetura de componentes. React...

vercel-composition-patterns — uma skill instalável para agentes de IA, publicada por vercel-labs/openreview.

Implante aplicações e sites na Vercel com uma pré-visualização reivindicável. Use quando o usuário solicitar ações de implantação como "implante meu aplicativo", "implante e me dê…

Orientação especializada do Vercel Firewall — mitigação automática de DDoS, WAF da Vercel (regras personalizadas, bloqueio de IP, conjuntos de regras gerenciados, limitação de taxa), Modo de Ataque, sistema…

Orientação sobre Vercel Flags — plataforma de feature flags com painel unificado, Flags Explorer, lançamentos graduais, testes A/B e adaptadores de provedores. Use quando…

Orientação especializada em Vercel Functions — Serverless Functions, Edge Functions, Fluid Compute, streaming, Cron Jobs e configuração de runtime. Use ao configurar,…

Guia para construir, configurar e implantar microfrontends na Vercel. Use esta habilidade quando o usuário mencionar microfrontends, multi-zonas, divisão de um aplicativo…

Use para otimização de custo e desempenho no Vercel em projetos implantados, especialmente Next.js, SvelteKit, Nuxt e aplicações Astro limitadas. Colete métricas do Vercel, uso, configuração do projeto e resultados de varredura de código primeiro; investigue apenas candidatos baseados em métricas; produza recomendações ranqueadas fundamentadas em arquivos verificados e documentação do Vercel/framework com reconhecimento de versão. Acione para redução de fatura do Vercel, rotas lentas ou caras, oportunidades de cache, Invocações de Função, Minutos de Build, Transferência Rápida de Dados, Core...

Execute sessões de avaliação ao vivo contra o vercel-plugin para verificar o comportamento dos hooks, injeção de habilidades, correção de deduplicação e cobertura. Inicia sessões reais do Claude Code…

Construindo serviços de backend Python usando a API experimentalServices da Vercel. Use ao criar backends Python ou projetos com múltiplos serviços que incluem um backend Python…

Orientação sobre Vercel Queues (beta público) — streaming de eventos durável com tópicos, grupos de consumidores, novas tentativas e entrega atrasada. US$ 0,60/1M de operações. Alimenta o Workflow…

Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering. Esta habilidade deve ser usada ao escrever, revisar ou refatorar React/Next.js…

Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering. Esta skill deve ser usada ao escrever, revisar ou refatorar React/Next.js…

Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering. Esta skill deve ser usada ao escrever, revisar ou refatorar React/Next.js…

Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering. Esta habilidade deve ser usada ao escrever, revisar ou refatorar React/Next.js…

Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering. Esta skill deve ser usada ao escrever, revisar ou refatorar React/Next.js…

Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering. Esta habilidade deve ser usada ao escrever, revisar ou refatorar React/Next.js…

Práticas recomendadas de React Native e Expo para aplicativos móveis com desempenho em renderização de listas, animações, navegação e módulos nativos. Abrange oito categorias de regras priorizadas por impacto: desempenho de listas (FlashList, memoização, estabilidade de callbacks), animações (propriedades de GPU, valores derivados), navegação, padrões de UI, gerenciamento de estado, renderização, estrutura de monorepo e configuração. As regras de desempenho de listas abordam preocupações críticas como virtualização de listas grandes, otimização de imagens e evitar...

Melhores práticas de React Native e Expo para construir aplicativos móveis com bom desempenho. Use

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…

Orientação do Vercel Sandbox — microVMs Firecracker efêmeros para executar código não confiável com segurança. Suporta agentes de IA, geração de código e experimentação. Use quando…

Serviços Vercel — implante múltiplos serviços em um único projeto Vercel. Use para layouts monorepo ou ao combinar um backend (Python, Go) com um frontend…

Orientação especializada em armazenamento Vercel — Blob, Edge Config e armazenamento Marketplace (Neon Postgres, Upstash Redis). Use ao escolher, configurar ou utilizar dados…

Verificação de história completa — infere o que o usuário está construindo e verifica o fluxo completo de ponta a ponta: navegador → API → dados → resposta. Aciona no servidor de desenvolvimento…

Renderizador Vue 3 para json-render. Use ao construir UIs Vue a partir de especificações JSON, trabalhar com @json-render/vue, definir registros de componentes Vue ou renderizar…

Revise o código de UI para conformidade com as Diretrizes de Interface Web. Use quando solicitado a "revisar minha UI", "verificar acessibilidade", "auditar design", "revisar UX" ou "verificar meu site em relação às melhores práticas".

web-animation-design — uma skill instalável para agentes de IA, publicada por vercel-labs/open-agents.

Revise o código de UI para conformidade com as Diretrizes de Interface Web. Use quando solicitado a "revisar minha UI", "verificar acessibilidade", "auditar design", "revisar UX" ou "verificar meu site…

Revise o código de UI para conformidade com as Diretrizes de Interface Web. Use quando solicitado a "revisar minha UI", "verificar acessibilidade", "auditar design", "revisar UX" ou "verificar meu site…

Revise o código de UI para conformidade com as Diretrizes de Interface Web. Use quando solicitado a "revisar minha UI", "verificar acessibilidade", "auditar design", "revisar UX" ou "verificar meu site…

Revise o código de UI para conformidade com as Diretrizes de Interface Web. Use quando solicitado a "revisar minha UI", "verificar acessibilidade", "auditar design", "revisar UX" ou "verificar meu site…

Crie e grave vídeos de demonstração de navegador com script usando webreel. Gera gravações em MP4, GIF ou WebM com animação do cursor, sobreposição de teclas e som…

Fluxo de trabalho especializado do canal WhatsApp: depuração de verificação/assinaturas do webhook do Meta, projeção de estado de link, caminho rápido /whatsapp-webhook, mensagens de inicialização e…

Orientação especializada do Vercel Workflow DevKit (WDK). Use ao construir workflows duráveis, tarefas de longa execução, rotas de API ou agentes que precisam de pausa/retomada, novas tentativas,…

Cria fluxos de trabalho duráveis e retomáveis usando o Workflow DevKit da Vercel. Use ao construir fluxos de trabalho que precisam sobreviver a reinicializações, pausar para eventos externos,…

Fluxos de trabalho duráveis e retomáveis com orquestração baseada em etapas, hooks para eventos externos e suporte integrado a agentes de IA. Suporta três modos de execução: funções de workflow (camada de orquestração), funções de etapa (acesso completo ao Node.js com repetição automática e persistência de resultados) e DurableAgent para fluxos de trabalho com IA e integração de ferramentas. Pause workflows em hooks para aguardar eventos externos e retome a partir de rotas de API; hooks suportam eventos únicos ou padrões iteráveis de múltiplos eventos com...

Instale e configure o Vercel Workflow SDK antes que ele exista no node_modules. Use quando o usuário pedir para "instalar workflow", "configurar workflow", "adicionar durable…

Produza uma página de referência de API que documente uma única superfície de API (função, componente, convenção de arquivo, diretiva ou opção de configuração). A página deve ser concisa, escaneável e orientada por exemplos.

Produza um guia técnico que ensine um caso de uso do mundo real por meio de exemplos progressivos. Os

Revise documentos/prosa para conformidade com as Diretrizes de Escrita. Use quando solicitado a "revisar meus documentos", "verificar estilo de escrita", "auditar prosa", "revisar voz e tom dos documentos" ou "verificar esta página de acordo com o manual de escrita".

Adaptador de armazenamento XState para a interface StateStore do json-render. Use ao integrar json-render com @xstate/store para gerenciamento de estado via @json-render/xstate.

Formato de fio YAML para renderização json com parser de streaming, geração de prompt e transformação do SDK de IA. Use ao trabalhar com @json-render/yaml, especificação baseada em YAML…

Instale o Zero e carregue workflows com versão compatível usando zero skills.

Habilidade de descoberta para zero-native, um shell de aplicativo desktop em Zig para construir aplicativos nativos com interfaces web. Use quando o usuário perguntar o que é zero-native, como construir um…

Adaptador Zustand para a interface StateStore do json-render. Use ao integrar json-render com Zustand para gerenciamento de estado via @json-render/zustand.