Skills de Vercel

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

Guide for adding new AI function examples, for testing specific features against the actual provider APIs.

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.

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.

Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject,…

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…

Browser automation CLI for AI agents. Use when the user needs to interact with websites, verify dev server output, test web apps, navigate pages, fill forms,…

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking…

Browser automation CLI for AI agents. Use when the user needs to interact with websites, verify dev server output, test web apps, navigate pages, fill forms,…

Automated browser verification for dev servers. Triggers when a dev server starts to run a visual gut-check with agent-browser — verifies the page loads,…

Automated browser verification for dev servers. Triggers when a dev server starts to run a visual gut-check with agent-browser — verifies the page loads,…

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` module — models, agents, hooks, middleware, MCP, structured output

Generate text, images, and video from the terminal using AI models.

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…

Crie novos componentes de interface de chat de IA para a biblioteca ai-elements seguindo padrões composáveis estabelecidos, integração shadcn/ui e Vercel AI SDK…

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...

AI Elements component library guidance — pre-built React components for AI interfaces built on shadcn/ui. Use when building chat UIs, message displays, tool…

Vercel AI Gateway expert guidance. Use when configuring model routing, provider failover, cost tracking, or managing multiple AI providers through a unified…

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

AI generation persistence patterns — unique IDs, addressable URLs, database storage, and cost tracking for every LLM generation

Documentação de referência e orientação prática para construir aplicações com inteligência artificial usando o Vercel AI SDK. Abrange APIs principais para geração de texto, streaming, chamada de ferramentas, saída estruturada, embeddings e construção de agentes com ToolLoopAgent. Inclui hooks React (useChat, useCompletion) e padrões específicos de frameworks para Next.js, SvelteKit e outras plataformas. Fornece guias de integração de provedores para OpenAI, Anthropic, Google e outros, além da configuração do AI Gateway para acesso unificado a modelos...

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,…

Vercel AI SDK expert guidance. Use when building AI-powered features — chat interfaces, text generation, structured output, tool calling, agents, 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,…

Vercel AI SDK expert guidance. Use when building AI-powered features — chat interfaces, text generation, structured output, tool calling, agents, MCP…

Convert Next.js bundle analyzer data to NDJSON and explore it

Emulated Sign in with Apple / Apple OIDC for local development and testing. Use when the user needs to test Apple sign-in locally, emulate Apple OIDC…

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

Authentication integration guidance — Clerk (native Vercel Marketplace), Descope, and Auth0 setup for Next.js applications. Covers middleware auth patterns,…

Authentication integration guidance — Clerk (native Vercel Marketplace), Descope, and Auth0 setup for Next.js applications. Covers middleware auth patterns,…

Use this skill when creating or modifying agent skills in .agents/skills/ .

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,…

Emulated AWS cloud services (S3, SQS, IAM, STS) for local development and testing. Use when the user needs to interact with AWS API endpoints locally, test S3…

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...

Advanced AI agent benchmark scenarios that push Vercel's cutting-edge platform features — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

Advanced AI agent benchmark scenarios that push Vercel's cutting-edge platform features — 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…

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,…

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,…

Create and launch benchmark test projects to exercise vercel-plugin skill injection across realistic scenarios. Sets up isolated directories, installs the…

Create and launch benchmark test projects to exercise vercel-plugin skill injection across realistic scenarios. Sets up isolated directories, installs the…

Project bootstrapping orchestrator for repos that depend on Vercel-linked resources (databases, auth, and managed integrations). Use when setting up or…

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…

Comprehensive guide for building modern, accessible, and composable UI components. Covers component taxonomy (primitives, components, blocks, templates), core design principles, and accessibility implementation including ARIA, keyboard navigation, and WCAG compliance Includes patterns for composable APIs, polymorphism, controlled/uncontrolled state, and the as-child pattern for flexible element composition Provides guidance on design tokens, theming systems, styling approaches, and using...

Capture API response test fixture.

Store and manage API response test fixtures for provider parsing validation. Fixtures are organized in __fixtures__ subfolders within provider packages, using naming conventions documented in existing examples Supports two testing patterns: generateText (log raw response to console and copy into fixture) and streamText (use includeRawChunks and saveRawChunks helper to capture streaming chunks) Recommends storing true provider responses unless size constraints require semantic-preserving cuts...

Unified TypeScript SDK for building chat bots across Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear, and WhatsApp. Write bot logic once, deploy everywhere.

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

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...

Vercel Chat SDK expert guidance. Use when building multi-platform chat bots — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — with a…

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

Headless CMS integration guidance — Sanity (native Vercel Marketplace), Contentful, DatoCMS, Storyblok, and Builder.io. Covers studio setup, content modeling,…

Reviews code changes and provides actionable feedback. Use when the user asks to review a PR, diff, commit, or code changes. Triggers on "/review", "review…

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…

Schema definition, catalog creation, and AI prompt generation for json-render specs. Define schemas with typed specs and catalogs using defineSchema , then create catalogs mapping component names to their props and descriptions Generate AI system prompts from catalogs with optional custom rules; supports spec streaming via JSONL patches with createSpecStreamCompiler Dynamic prop expressions enable state binding ( $state , $bindState ), conditionals ( $cond ), templating ( $template ), and...

Comprehensive guide for migrating Create React App (CRA) projects to Next.js. Use when migrating a CRA app, converting React Router to file-based routing, or…

Create Remotion videos using the Geist design system aesthetic. Use when asked to create videos, animations, or motion graphics that should follow Vercel's…

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

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

Analisar e transformar dados CSV usando ferramentas bash

Bootstrap d3k in standalone AI apps (Codex, Cursor, Claude Code): detect/install dev3000, start d3k as the runtime, and use unified logs plus CDP browser…

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

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…

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...

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this…

Vercel deployment and CI/CD expert guidance. Use when deploying, promoting, rolling back, inspecting deployments, building with --prebuilt, or configuring CI…

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

Develop examples for AI SDK functions. Use when creating, running, or modifying examples under examples/ai-functions/src to validate provider support,…

Development and validation scripts for AI SDK functions across multiple providers and capabilities. Organized by AI SDK function category (text generation, streaming, structured output, embeddings, image generation, speech, transcription, reranking, and agents) File naming convention maps provider and feature combinations (e.g., openai-tool-call.ts , amazon-bedrock-anthropic-cache-control.ts ) for quick identification Includes shared utility helpers for error handling, environment loading,...

Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispatched…

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…

Expert guidance for Vercel's Edge Runtime — the lightweight JavaScript runtime for Vercel Edge Functions and Middleware. Use when building or configuring edge…

Automatize aplicativos desktop Electron (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) usando agent-browser via Chrome DevTools Protocol. Use quando o usuário…

Email sending integration guidance — Resend (native Vercel Marketplace) with React Email templates. Covers API setup, transactional emails, domain…

Email sending integration guidance — Resend (native Vercel Marketplace) with React Email templates. Covers API setup, transactional emails, domain…

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

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…

Vercel environment variable expert guidance. Use when working with .env files, vercel env commands, OIDC tokens, or managing environment-specific configuration.

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.

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...

Use this skill when adding or changing framework feature flags in Next.js internals.

The Flags SDK ( flags npm package) is a feature flags toolkit for Next.js and SvelteKit. It turns each feature flag into a callable function, works with any flag provider via adapters, and keeps pages static using the precompute pattern. Vercel Flags is the first-party provider, letting you manage flags from the Vercel dashboard or the vercel flags CLI.

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…

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…

Expert guidance for Geist, Vercel's default typography system and font family for precise Next.js interfaces. Use when configuring Geist Sans, Geist Mono, or…

Expert guidance for Geist, Vercel's default typography system and font family for precise Next.js interfaces. Use when configuring Geist Sans, Geist Mono, or…

Build explorative, interactive learning experiences as Next.js apps using the Geist design system. Use when creating tutorials, explorable explanations,…

Expert guidance for Geistdocs, Vercel's documentation template built with Next.js and Fumadocs — MDX authoring, configuration, AI chat, i18n, feedback,…

Expert guidance for Geistdocs, Vercel's documentation template built with Next.js and Fumadocs — MDX authoring, configuration, AI chat, i18n, feedback,…

Emulated GitHub REST API for local development and testing. Use when the user needs to interact with GitHub API endpoints locally, test GitHub integrations,…

Emulated Google OAuth 2.0, OpenID Connect, Gmail, Calendar, and Drive for local development and testing. Use when the user needs to test Google sign-in…

Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from…

Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from…

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 orquestrada. 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 →…

Orchestrated debugging coordinator. Triggers on frustration signals (stuck, hung, broken, waiting) and systematically triages: runtime logs → workflow status →…

How to be rescued from a lonely island

How to be rescued from a lonely island

Jotai adapter for json-render's StateStore interface. Use when integrating json-render with Jotai for state management 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…

AI chat response rendering guidance — handling UIMessage parts, tool call displays, streaming states, and structured data presentation. Use when building…

Schema definition, catalog creation, and spec streaming for AI-driven JSON rendering. Define schemas with typed specs and component catalogs using defineSchema and defineCatalog ; generate AI prompts automatically or with custom rules Support dynamic prop expressions including state binding ( $state , $bindState ), conditionals ( $cond ), templates, and computed functions Stream AI responses as JSONL patches using createSpecStreamCompiler for progressive spec building Built-in validation,...

Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from…

Convert JSON specifications into type-safe React component trees with state management and dynamic expressions. Supports declarative UI specs with element trees, two-way data binding via $bindState , conditional rendering, and computed expressions Built-in state management through StateProvider with optional external store integration (Redux, Zustand, XState) and JSON Pointer-based state paths Event system with action dispatching, state watchers, and four built-in actions: setState ,...

React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @react-email/components and @react-email/render. Use when…

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…

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with…

Corrects outdated LLM knowledge about the Vercel platform and introduces new products. Injected at session start.

Corrects outdated LLM knowledge about the Vercel platform and introduces new products. Injected at session start.

Listar o conteúdo de um tarball de pacote npm antes de publicar. Use quando o usuário quiser ver quais arquivos estão incluídos em um pacote npm, verificar o pacote…

Inspect npm package tarball contents before publishing to verify what files will be distributed. Lists exact files that would be uploaded to npm, helping catch missing or unwanted inclusions before publish Respects files field in package.json, .npmignore , and .gitignore rules to show the actual bundle contents Automatically builds the package, creates a tarball, displays contents, and cleans up in a single command Run from the package directory with a simple bash script; useful for...

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…

Context for working on the next AI SDK major release. Only use when explicitly invoked by the user (e.g. via '/major-version-mode'). Do NOT trigger…

Vercel Marketplace expert guidance — discovering, installing, and building integrations, auto-provisioned environment variables, unified billing, and the…

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…

Builds UI components using the Blok design system for Sitecore Marketplace apps. Use when the user wants to create UI, add components, build a page layout, or…

Deploys a Sitecore Marketplace app to Vercel with correct CSP headers and configuration.

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…

Sitecore Marketplace SDK API reference. Use when the user asks about SDK methods, types, queries, mutations, subscriptions, or how to use any 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…

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 for local development and testing. Use when the user needs to test Microsoft sign-in locally,…

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(),…

Expert guidance for @vercel/ncc — a simple CLI for compiling Node.js modules into a single file with all dependencies included. Use when bundling serverless…

Next.js adapter for embedding emulators directly in a Next.js app via @emulators/adapter-next. Use when the user needs to embed emulators in Next.js, set up…

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,...

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization,…

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization,…

Práticas recomendadas do Next.js - convenções de arquivos, limites 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 rota, otimização de imagem/fonte,…

If next-browser is not already on PATH, install @vercel/next-browser globally with the user's package manager, then playwright install chromium .

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

Next.js 16 Cache Components guidance — PPR, use cache directive, cacheLife, cacheTag, updateTag, and migration from unstable_cache. Use when implementing…

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

Componentes de Cache do Next.js 16 - PPR, diretiva use cache, cacheLife, cacheTag, updateTag

Next.js 16 Cache Components guidance — PPR, use cache directive, cacheLife, cacheTag, updateTag, and migration from unstable_cache. Use when implementing…

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…

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

Automated Next.js version upgrades with official codemods and migration guide integration. Detects current Next.js version from package.json and fetches version-specific upgrade documentation from official guides Runs Next.js codemods automatically to handle breaking changes like async Request APIs, geo/IP property migrations, and dynamic import transformations Handles incremental upgrades for major version jumps (e.g., 13 → 14 → 15) and updates peer dependencies (React, React DOM,...

Upgrade Next.js to the latest version following official migration guides and codemods

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

Upgrade Next.js to the latest version following official migration guides and codemods

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

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…

Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache…

Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache…

Configure OAuth providers (Google, Apple, Microsoft, Facebook, GitHub, etc.) to work with portless local dev URLs. Use when setting up OAuth redirect URIs,…

Vercel Observability expert guidance — Drains (logs, traces, speed insights, web analytics), Web Analytics, Speed Insights, runtime logs, custom events,…

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,…

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…

Stripe payments integration guidance — native Vercel Marketplace setup, checkout sessions, webhook handling, subscription billing, and the Stripe SDK. Use when…

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…

Audit vercel-plugin performance on real-world projects. Extracts tool calls from Claude Code conversation logs, tests hook matching against actual inputs,…

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,…

Named .localhost URLs for dev servers, eliminating port conflicts and hardcoded port numbers. Assigns random free ports (4000–4999) automatically and routes named subdomains (e.g. myapp.localhost:1355 ) to the correct app via a reverse proxy on port 1355 Auto-detects git worktrees and prepends branch names as subdomain prefixes so each worktree gets a unique URL without configuration changes Supports HTTP/2 with HTTPS via auto-generated local CA certificates; includes CLI commands for proxy...

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…

Convert JSON specs into React component trees with type-safe props and state management. Define catalogs with Zod schemas for component props, then implement components with automatic type safety and validation Built-in state management via StateProvider with two-way binding ( $bindState ), conditional rendering, and external store integration (Redux, Zustand, XState) Event system with action dispatching, state watchers, and four built-in actions (setState, pushState, removeState,...

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.

React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure,…

React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure,…

React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @react-email/components and @react-email/render. Use when…

React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs…

React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to 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 this skill for changes touching vendored React, react-server-dom-webpack/* , or react-server layer boundaries.

Redux adapter for json-render's StateStore interface. Use when integrating json-render with Redux or Redux Toolkit for state management via @json-render/redux.

Release vercel-plugin — run gates, bump version, generate artifacts, commit, and push. Use when asked to "release", "ship", "bump and push", or "cut a release".

Release vercel-plugin — run gates, bump version, generate artifacts, commit, and push. Use when asked to "release", "ship", "bump and push", or "cut a release".

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…

Best practices for Remotion - Video creation in 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 this skill when writing or modifying tests that involve prefetch requests, client router navigations, or the segment cache. The createRouterAct utility from test/lib/router-act.ts lets you assert on prefetch and navigation responses in an end-to-end way without coupling to the exact number of requests or the protocol details. This is why most client router-related tests use this pattern.

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,…

Vercel Routing Middleware guidance — request interception before cache, rewrites, redirects, personalization. Works with any framework. Supports Edge, Node.js,…

Vercel Runtime Cache API guidance — ephemeral per-region key-value cache with tag-based invalidation. Shared across Functions, Routing Middleware, and Builds.…

Vercel Runtime Cache API guidance — ephemeral per-region key-value cache with tag-based invalidation. Shared across Functions, Routing Middleware, and Builds.…

Use this skill when reproducing runtime-bundle, module-resolution, or user-bundle inclusion regressions.

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,…

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.

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.

Set up Vercel CLI and project configuration. Use when the user says "set up Vercel", "configure Vercel", "link to Vercel", or "vercel init".

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with…

shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface…

shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface…

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…

Sign in with Vercel guidance — OAuth 2.0/OIDC identity provider for user authentication via Vercel accounts. Use when implementing user login with Vercel as…

Sign in with Vercel guidance — OAuth 2.0/OIDC identity provider for user authentication via Vercel accounts. Use when implementing user login with Vercel as…

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…

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's…

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…

SolidJS renderer for json-render. Use when building @json-render/solid catalogs/registries, wiring Renderer providers, implementing bindings/actions, or…

Streamdown streaming-markdown expert guidance. Use when rendering streaming Markdown from AI models, building chat UIs with real-time content, or replacing…

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...

Emulated Stripe API for local development and testing. Use when the user needs to process payments locally, test checkout flows, create customers, manage…

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…

Svelte 5 renderer for json-render that turns JSON specs into Svelte component trees. Use when working with @json-render/svelte, building Svelte UIs from 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…

SWR data-fetching expert guidance. Use when building React apps with client-side data fetching, caching, revalidation, mutations, optimistic UI, pagination, or…

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 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 para monorepos JavaScript/TypeScript. O Turborepo armazena em cache as saídas das tarefas e executa tarefas em paralelo com base no grafo de dependências.

Sistema de build para monorepos JavaScript/TypeScript. O Turborepo armazena em cache as saídas das tarefas e executa tarefas em paralelo com base no grafo de dependências.

Monorepo build system with intelligent task caching, parallel execution, and dependency graph orchestration. Caches task outputs and runs tasks in parallel based on declared dependencies; supports remote caching for CI/CD workflows Filters and runs only changed packages with --affected , or use --filter for custom package selection Configures tasks in turbo.json with dependsOn , outputs , inputs , and env keys; supports package-specific overrides via Package Configurations Enforces monorepo...

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…

When cloning is needed:

Guided workflow for updating Next.js documentation based on code changes and PR reviews. Analyzes git diffs to identify affected documentation files using a code-to-docs mapping reference Provides templates and conventions for scaffolding new feature docs (components, functions, config, guides, file conventions) Walks through step-by-step updates to existing documentation with user confirmation before each change Includes validation checklist and linting commands to ensure formatting...

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…

Add new or remove obsolete model IDs for existing AI SDK providers. Use when adding a model to a provider, removing an obsolete model, or processing a list of…

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…

v0 by Vercel expert guidance. Use when discussing AI code generation, generating UI components from prompts, v0 CLI usage, v0 SDK/API integration, or…

Use this skill when writing or optimizing performance-critical code paths in Next.js server internals — especially per-request hot paths like rendering, streaming, routing, and caching.

Emulated Vercel REST API for local development and testing. Use when the user needs to interact with Vercel API endpoints locally, test Vercel integrations,…

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.

Vercel Agent guidance — AI-powered code review, incident investigation, and SDK installation. Automates PR analysis and anomaly debugging. Use when configuring…

Vercel Agent guidance — AI-powered code review, incident investigation, and SDK installation. Automates PR analysis and anomaly debugging. Use when configuring…

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

Vercel MCP and REST API expert guidance. Use when the agent needs live access to Vercel projects, deployments, environment variables, domains, logs, or…

Vercel MCP and REST API expert guidance. Use when the agent needs live access to Vercel projects, deployments, environment variables, domains, logs, or…

Deploy, manage, and develop projects on Vercel from the command line

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…

Command-line interface for deploying, managing, and developing Vercel projects locally and in CI/CD pipelines. Requires explicit project linking via vercel link (single project) or vercel link --repo (monorepos); commands must run from the directory containing .vercel/ folder Core workflows: vercel dev for local development, vercel deploy for preview deployments, vercel --prod for production Supports environment variables, domains, DNS, blob storage, integrations, Node.js backends,...

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 —…

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 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...

React composition patterns that scale. Use when refactoring components with

vercel-composition-patterns — an installable skill for AI agents, published by vercel-labs/openreview.

Padrões de composição React que escalam. Use ao refatorar componentes com

Instant deployment to Vercel with auto-detected frameworks and no authentication required. Packages projects into tarballs, auto-detects frameworks from package.json , and returns a live preview URL plus a claimable deployment link for account transfer Supports 20+ frameworks across React, Vue, Svelte, backend runtimes, and static HTML projects Excludes node_modules and .git from deployments to minimize package size Returns both human-readable URLs and JSON output for programmatic integration

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ê…

Deploy applications and websites to Vercel. Use this skill when the user requests deployment actions such as "Deploy my app", "Deploy this to production",…

Vercel Firewall expert guidance — automatic DDoS mitigation, the Vercel WAF (custom rules, IP blocking, managed rulesets, rate limiting), Attack Mode, system…

Vercel Firewall expert guidance — automatic DDoS mitigation, the Vercel WAF (custom rules, IP blocking, managed rulesets, rate limiting), Attack Mode, system…

Vercel Flags guidance — feature flags platform with unified dashboard, Flags Explorer, gradual rollouts, A/B testing, and provider adapters. Use when…

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,…

Vercel Functions expert guidance — Serverless Functions, Edge Functions, Fluid Compute, streaming, Cron Jobs, and runtime configuration. Use when configuring,…

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…

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…

Building Python backend services using Vercel's experimentalServices API. Use when creating Python backends, or multi-service projects with a Python backend…

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…

Vercel Queues guidance (public beta) — durable event streaming with topics, consumer groups, retries, and delayed delivery. $0.60/1M ops. Powers Workflow…

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…

React and Next.js performance optimization guide with 64 prioritized rules across 8 categories. Organized by impact level, from critical waterfalls and bundle optimization down to advanced patterns, each rule includes incorrect/correct code examples and explanations Covers eight domains: async patterns, bundle size, server-side caching, client-side data fetching, re-render optimization, rendering performance, JavaScript efficiency, and advanced patterns Designed for use during component...

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring 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…

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring 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 skill deve ser usada ao escrever, revisar ou refatorar React/Next.js…

React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules. Covers eight rule categories prioritized by impact: list performance (FlashList, memoization, callback stability), animations (GPU properties, derived values), navigation, UI patterns, state management, rendering, monorepo structure, and configuration List performance rules address critical concerns like virtualizing large lists, optimizing images, and avoiding...

React Native and Expo best practices for building performant mobile apps. Use

React Native and Expo best practices for building performant mobile apps. Use

React Native and Expo best practices for building performant mobile apps. Use

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

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…

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…

Vercel Services — deploy multiple services within a single Vercel project. Use for monorepo layouts or when combining a backend (Python, Go) with a frontend…

Vercel Services — deploy multiple services within a single Vercel project. Use for monorepo layouts or when combining a backend (Python, Go) with a frontend…

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

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

Full-story verification — infers what the user is building, then verifies the complete flow end-to-end: browser → API → data → response. Triggers on dev server…

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…

Vue 3 renderer for json-render. Use when building Vue UIs from JSON specs, working with @json-render/vue, defining Vue component registries, or rendering…

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 — an installable skill for AI agents, published by 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…

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my 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…

Creates durable, resumable workflows using Vercel's Workflow DevKit. Use when building workflows that need to survive restarts, pause for external events,…

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,…

Vercel Workflow DevKit (WDK) expert guidance. Use when building durable workflows, long-running tasks, API routes or agents that need pause/resume, retries,…

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...

Install and configure Vercel Workflow SDK before it exists in node_modules. Use when the user asks to "install workflow", "set up workflow", "add 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.

Produce a technical guide that teaches a real-world use case through progressive examples. Concepts are introduced only when the reader needs them.

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…

Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.