Skills de Vercel

Guía para agregar nuevos ejemplos de funciones de IA, para probar características específicas contra las APIs reales del proveedor.

Guía para agregar nuevos ejemplos de funciones de IA, para probar características específicas contra las APIs reales del proveedor.

Guía para agregar nuevos paquetes de proveedores de IA al SDK de IA. Úsalo al crear un nuevo paquete @ai-sdk/<provider> para integrar un servicio de IA en el SDK.

Guía para agregar nuevos paquetes de proveedores de IA al SDK de IA. Úselo al crear un nuevo paquete @ai-sdk/<provider> para integrar un servicio de IA en el SDK.

Crear y mantener Registros de Decisiones de Arquitectura (ADRs) optimizados para flujos de trabajo de codificación agentiva. Úselo cuando necesite proponer, escribir, actualizar, aceptar/rechazar,…

Crear y mantener Registros de Decisiones de Arquitectura (ADR) optimizados para flujos de trabajo de codificación agentiva. Úselo cuando necesite proponer, escribir, actualizar, aceptar/rechazar,…

Automatiza interacciones del navegador para pruebas web, llenado de formularios, capturas de pantalla y extracción de datos.

Automatiza interacciones del navegador para pruebas web, llenado de formularios, capturas de pantalla y extracción de datos. Úsalo cuando el usuario necesite navegar por sitios web, interactuar con la web…

CLI de automatización de navegador para agentes de IA. Úselo cuando el usuario necesite interactuar con sitios web, verificar la salida del servidor de desarrollo, probar aplicaciones web, navegar páginas, llenar formularios,…

CLI de automatización de navegador para agentes de IA. Úselo cuando el usuario necesite interactuar con sitios web, incluyendo navegar páginas, llenar formularios, hacer clic en botones, tomar…

CLI de automatización de navegador para agentes de IA. Úselo cuando el usuario necesite interactuar con sitios web, verificar la salida del servidor de desarrollo, probar aplicaciones web, navegar páginas, llenar formularios,…

Verificación automatizada del navegador para servidores de desarrollo. Se activa cuando un servidor de desarrollo inicia para ejecutar una verificación visual rápida con agent-browser — verifica que la página cargue,…

Verificación automatizada del navegador para servidores de desarrollo. Se activa cuando un servidor de desarrollo inicia para ejecutar una verificación visual rápida con agent-browser — verifica que la página cargue,…

Habilidad complementaria para el curso de Agent-Friendly APIs en Vercel Academy. Construye una API de comentarios, hazla compatible con agentes mediante documentación estructurada y luego crea una habilidad de Claude Code que genere la documentación automáticamente.

Python `ai` module — models, agents, hooks, middleware, MCP, structured output

Genera texto, imágenes y video desde la terminal usando modelos de IA.

Guía de la biblioteca de componentes AI Elements: componentes React preconstruidos para interfaces de IA basados en shadcn/ui. Úselo al crear interfaces de chat, visualizaciones de mensajes, herramientas…

Crear nuevos componentes de interfaz de chat de IA para la biblioteca ai-elements siguiendo patrones componibles establecidos, integración con shadcn/ui y el SDK de IA de Vercel…

Componentes de React preconstruidos para interfaces de chat con IA, basados en shadcn/ui y el AI SDK. Incluye componentes de conversación, mensajes, visualización de herramientas y entrada de indicaciones, diseñados para aplicaciones nativas de IA. Se instalan directamente en el código base de tu proyecto mediante CLI, lo que hace que los componentes sean totalmente personalizables y extensibles con patrones estándar de React. Requiere Next.js, AI SDK, shadcn/ui y Node.js 18+; se integra sin problemas con AI Gateway de Vercel para el acceso a modelos. Todos los componentes admiten atributos HTML estándar...

Guía de la biblioteca de componentes AI Elements: componentes React preconstruidos para interfaces de IA basados en shadcn/ui. Úselo al crear interfaces de chat, visualizaciones de mensajes, herramientas…

Guía experta de Vercel AI Gateway. Úselo al configurar el enrutamiento de modelos, la conmutación por error de proveedores, el seguimiento de costos o la gestión de múltiples proveedores de IA a través de una plataforma unificada…

Guía experta de Vercel AI Gateway. Úselo al configurar el enrutamiento de modelos, la conmutación por error de proveedores, el seguimiento de costos o la gestión de múltiples proveedores de IA a través de un...

Patrones de persistencia de generación de IA: IDs únicos, URLs direccionables, almacenamiento en base de datos y seguimiento de costos para cada generación de LLM

Patrones de persistencia de generación de IA: IDs únicos, URLs direccionables, almacenamiento en base de datos y seguimiento de costos para cada generación de LLM

Documentación de referencia y guía práctica para crear aplicaciones impulsadas por IA con el Vercel AI SDK. Cubre las API principales para generación de texto, streaming, llamadas a herramientas, salida estructurada, embeddings y creación de agentes con ToolLoopAgent. Incluye hooks de React (useChat, useCompletion) y patrones específicos de frameworks para Next.js, SvelteKit y otras plataformas. Proporciona guías de integración de proveedores para OpenAI, Anthropic, Google y otros, además de la configuración de AI Gateway para acceso unificado a modelos...

Responde preguntas sobre el AI SDK y ayuda a construir funciones impulsadas por IA. Úsalo cuando los desarrolladores: (1) pregunten sobre funciones del AI SDK como generateText, streamText,…

Guía experta del SDK de IA de Vercel. Úsalo al crear funciones impulsadas por IA: interfaces de chat, generación de texto, salida estructurada, llamadas a herramientas, agentes, MCP…

Responde preguntas sobre el AI SDK y ayuda a crear funciones impulsadas por IA. Úsalo cuando los desarrolladores: (1) Pregunten sobre funciones del AI SDK como generateText, streamText,…

Responde preguntas sobre el AI SDK y ayuda a construir funciones impulsadas por IA. Úsalo cuando los desarrolladores: (1) pregunten sobre funciones del AI SDK como generateText, streamText,…

Guía experta del SDK de IA de Vercel. Úsalo al crear funciones impulsadas por IA: interfaces de chat, generación de texto, salida estructurada, llamadas a herramientas, agentes, MCP…

Convierte datos del analizador de paquetes de Next.js a NDJSON y explóralos

Inicio de sesión emulado con Apple / Apple OIDC para desarrollo y pruebas locales. Úselo cuando el usuario necesite probar el inicio de sesión de Apple localmente, emular Apple OIDC…

Consulta la API RAG de la documentación de Next.js sobre el tema: $ARGUMENTS

Guía de integración de autenticación — Clerk (Vercel Marketplace nativo), configuración de Descope y Auth0 para aplicaciones Next.js. Cubre patrones de autenticación en middleware,…

Guía de integración de autenticación — Clerk (Vercel Marketplace nativo), configuración de Descope y Auth0 para aplicaciones Next.js. Cubre patrones de autenticación de middleware,…

Usa esta habilidad al crear o modificar habilidades de agente en .agents/skills/.

Herramienta CLI para lanzamientos automatizados basados en conjuntos de cambios con descripciones generadas por IA. Úsela cuando el usuario necesite lanzar un paquete, crear conjuntos de cambios, incrementar versiones,…

Servicios en la nube AWS emulados (S3, SQS, IAM, STS) para desarrollo y pruebas locales. Úselo cuando el usuario necesite interactuar con endpoints de la API de AWS localmente, probar S3…

Valida duraciones de animación, aplica la escala tipográfica, verifica la accesibilidad de componentes y previene anti-patrones de diseño en proyectos de Tailwind CSS. Úsalo cuando…

Comparación visual de páginas web o elementos entre dos URLs o imágenes. Captura capturas de pantalla en viewports de escritorio, móvil (375x812) o tableta (768x1024), con desplazamiento de página completa opcional. Admite selectores CSS para aislar elementos específicos, y acepta URLs file://, http://, https:// o rutas de imágenes locales. Genera resultados en formato markdown con carga automática de imágenes a 0x0.st (o GitHub Gist) para una fácil integración con PR. Incluye detección de protección de despliegue de Vercel e integración con GitHub CLI...

Escenarios avanzados de evaluación comparativa para agentes de IA que aprovechan las funciones de vanguardia de la plataforma de Vercel — Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

Escenarios avanzados de evaluación comparativa para agentes de IA que aprovechan las funciones de vanguardia de la plataforma de Vercel: Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox,…

Suite de benchmarks integral para vercel-plugin. Ejecuta proyectos reales mediante inyección de habilidades, inicia servidores de desarrollo, verifica que todo funcione, analiza…

Suite de benchmarks integral para vercel-plugin. Ejecuta proyectos reales mediante inyección de habilidades, inicia servidores de desarrollo, verifica que todo funcione, analiza…

Ejecuta escenarios de evaluación de vercel-plugin en Vercel Sandboxes en lugar de paneles locales de WezTerm. Aprovisiona microVM efímeras con Claude Code y el plugin preinstalado,…

Ejecuta escenarios de evaluación de vercel-plugin en Vercel Sandboxes en lugar de paneles locales de WezTerm. Aprovisiona microVMs efímeras con Claude Code y el plugin preinstalado,…

Crear y lanzar proyectos de prueba de benchmark para ejercitar la inyección de habilidades de vercel-plugin en escenarios realistas. Configura directorios aislados, instala el…

Crear y lanzar proyectos de prueba de benchmark para ejercitar la inyección de habilidades de vercel-plugin en escenarios realistas. Configura directorios aislados, instala el…

Orquestrador de arranque de proyectos para repositorios que dependen de recursos vinculados a Vercel (bases de datos, autenticación e integraciones gestionadas). Úselo al configurar o…

Orquestrador de arranque de proyectos para repositorios que dependen de recursos vinculados a Vercel (bases de datos, autenticación e integraciones gestionadas). Úselo al configurar o…

Guía completa para construir componentes de interfaz de usuario modernos, accesibles y componibles. Cubre la taxonomía de componentes (primitivos, componentes, bloques, plantillas), principios de diseño fundamentales e implementación de accesibilidad, incluyendo ARIA, navegación por teclado y cumplimiento de WCAG. Incluye patrones para APIs componibles, polimorfismo, estado controlado/no controlado y el patrón as-child para composición flexible de elementos. Proporciona orientación sobre tokens de diseño, sistemas de tematización, enfoques de estilo y el uso de...

Fixture de prueba de captura de respuesta de API.

Almacenar y gestionar fixtures de prueba de respuestas de API para la validación de análisis de proveedores. Los fixtures se organizan en subcarpetas __fixtures__ dentro de los paquetes de proveedores, utilizando convenciones de nomenclatura documentadas en ejemplos existentes. Soporta dos patrones de prueba: generateText (registrar la respuesta sin procesar en la consola y copiarla en el fixture) y streamText (usar los ayudantes includeRawChunks y saveRawChunks para capturar fragmentos de streaming). Recomienda almacenar respuestas reales del proveedor a menos que las restricciones de tamaño requieran recortes que preserven el significado semántico...

SDK unificado de TypeScript para construir bots de chat en Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear y WhatsApp. Escribe la lógica del bot una vez, despliega en todas partes.

Guía experta del SDK de chat de Vercel. Úselo al crear bots de chat multiplataforma — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — con un…

Escribe bots de chat una vez, despliega en Slack, Teams, Google Chat, Discord, GitHub y Linear. SDK unificado de TypeScript con manejadores de eventos independientes de la plataforma (menciones, mensajes, reacciones, comandos de barra, acciones) y formato de mensaje normalizado en todas las plataformas. Soporte integrado de streaming para respuestas de IA mediante integración con AI SDK, además de tarjetas interactivas basadas en JSX con botones, menús desplegables y modales de formulario. Adaptadores de estado conectables para Redis, PostgreSQL o persistencia en memoria; manejadores de webhook...

Guía experta del SDK de chat de Vercel. Úselo al crear bots de chat multiplataforma — Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear — con un…

Guía de integración de CMS sin interfaz — Sanity (Vercel Marketplace nativo), Contentful, DatoCMS, Storyblok y Builder.io. Cubre configuración del estudio, modelado de contenido,…

Guía de integración de CMS sin interfaz — Sanity (Vercel Marketplace nativo), Contentful, DatoCMS, Storyblok y Builder.io. Cubre configuración del estudio, modelado de contenido,…

Revisa cambios de código y proporciona retroalimentación procesable. Úsalo cuando el usuario solicite revisar un PR, diff, commit o cambios de código. Se activa con "/review", "review…

Utilidades de generación de código para json-render. Úselo al generar código a partir de especificaciones de UI, crear exportadores de código personalizados, recorrer especificaciones o serializar propiedades para…

Definición de esquemas, creación de catálogos y generación de prompts de IA para especificaciones json-render. Define esquemas con especificaciones tipadas y catálogos usando defineSchema, luego crea catálogos que asignan nombres de componentes a sus props y descripciones. Genera prompts de sistema de IA a partir de catálogos con reglas personalizadas opcionales; soporta transmisión de especificaciones mediante parches JSONL con createSpecStreamCompiler. Las expresiones dinámicas de props permiten enlace de estado ($state, $bindState), condicionales ($cond), plantillas ($template) y...

Guía completa para migrar proyectos de Create React App (CRA) a Next.js. Úsala al migrar una aplicación de CRA, convertir React Router a enrutamiento basado en archivos, o…

Crear videos de Remotion usando la estética del sistema de diseño Geist. Úsalo cuando te pidan crear videos, animaciones o gráficos en movimiento que sigan el estilo de Vercel…

Configuración y mejores prácticas de Vercel Cron Jobs. Úsalo al agregar, editar o depurar tareas programadas en vercel.json.

Configuración y mejores prácticas de Vercel Cron Jobs. Úsalo al agregar, editar o depurar tareas programadas en vercel.json.

Analizar y transformar datos CSV usando herramientas de bash

Iniciar d3k en aplicaciones de IA independientes (Codex, Cursor, Claude Code): detectar/instalar dev3000, iniciar d3k como tiempo de ejecución y usar registros unificados más navegador CDP…

Usa esta skill al cambiar rutas condicionales de require(), importaciones solo para Node, o bifurcaciones de edge/runtime.

Usa deepsec (un escáner de vulnerabilidades impulsado por IA) — ejecutando escaneos, configurando proyectos, escribiendo matchers y creando plugins. Se activa cuando el usuario pregunta…

Desplegar aplicaciones en Vercel. Usar cuando el usuario diga "deploy", "deploy to Vercel", "push to production", "deploy my app" o "go live".

Guía al usuario para recopilar las credenciales necesarias para implementar su propia copia de Open Harness, desplegar este repositorio en Vercel y completar la primera ejecución…

Implementa aplicaciones y sitios web en Vercel con integración automática de git y URLs de vista previa. Soporta tres rutas de despliegue: git-push (ideal para proyectos vinculados), despliegue directo mediante CLI y fallback sin autenticación para entornos en sandbox. Detecta automáticamente el estado del proyecto (vinculado mediante .vercel/project.json o .vercel/repo.json, presencia de repositorio git remoto, autenticación CLI) y elige el mejor método de despliegue. Gestiona la selección de equipos para cuentas con múltiples equipos y utiliza --scope para desplegar en el equipo correcto...

Desplegar aplicaciones y sitios web en Vercel. Usar cuando el usuario solicite acciones de despliegue como "desplegar mi aplicación", "desplegar y dame el enlace", "subir esto…

Guía experta en despliegue de Vercel y CI/CD. Úsalo al desplegar, promover, revertir, inspeccionar despliegues, compilar con --prebuilt o configurar CI…

Guía experta en despliegue de Vercel y CI/CD. Úsalo al desplegar, promover, revertir, inspeccionar despliegues, compilar con --prebuilt o configurar CI…

Desarrolla ejemplos para funciones del SDK de IA. Úsalo al crear, ejecutar o modificar ejemplos en examples/ai-functions/src para validar la compatibilidad del proveedor,…

Scripts de desarrollo y validación para funciones del SDK de IA en múltiples proveedores y capacidades. Organizados por categoría de función del SDK de IA (generación de texto, streaming, salida estructurada, embeddings, generación de imágenes, voz, transcripción, reranking y agentes). La convención de nombres de archivos asigna combinaciones de proveedor y funcionalidad (por ejemplo, openai-tool-call.ts, amazon-bedrock-anthropic-cache-control.ts) para una identificación rápida. Incluye utilidades compartidas para manejo de errores, carga de entornos,...

Panel de inspección integrable para cualquier aplicación json-render. Úselo cuando el usuario quiera depurar una interfaz generativa, inspeccionar el árbol de especificaciones, editar el estado en tiempo de ejecución, ver lo despachado…

Directivas personalizadas predefinidas para json-render: formato, matemáticas, manipulación de cadenas e i18n. Úselas al trabajar con @json-render/directives, definiendo personalizadas…

Guía experta para el Edge Runtime de Vercel: el entorno de ejecución ligero de JavaScript para Edge Functions y Middleware de Vercel. Úsalo al construir o configurar edge…

Automatiza aplicaciones de escritorio Electron (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) usando agent-browser a través del Protocolo Chrome DevTools. Úsalo cuando el usuario…

Guía de integración para envío de correos electrónicos — Resend (marketplace nativo de Vercel) con plantillas de React Email. Cubre configuración de API, correos transaccionales, dominio…

Guía de integración para el envío de correos electrónicos — Resend (marketplace nativo de Vercel) con plantillas de React Email. Cubre configuración de API, correos transaccionales, dominio…

Esta habilidad codifica la filosofía de Emil Kowalski sobre el pulido de la interfaz de usuario, el diseño de componentes, las decisiones de animación y los detalles invisibles que hacen que el software se sienta genial.

Emulador de API local para Vercel, GitHub, Google, Slack, Apple, Microsoft y AWS. Úselo cuando el usuario necesite iniciar servicios emulados, configurar datos de prueba…

Guía experta en variables de entorno de Vercel. Úsalo al trabajar con archivos .env, comandos env de Vercel, tokens OIDC o al gestionar configuraciones específicas del entorno.

Guía experta en variables de entorno de Vercel. Úsalo al trabajar con archivos .env, comandos env de Vercel, tokens OIDC o al gestionar configuraciones específicas del entorno.

Eres un asistente de enseñanza experto para el curso Building Filesystem Agents en Vercel Academy. Ayudas a los estudiantes a construir agentes que navegan por sistemas de archivos con bash para responder preguntas sobre datos estructurados.

Descubre e instala habilidades especializadas de agente del ecosistema abierto cuando los usuarios necesiten capacidades extendidas. Ayuda a identificar habilidades relevantes por dominio y tarea cuando los usuarios preguntan "cómo hago X" o "encuentra una habilidad para X". Se integra con la CLI de Skills (npx skills find, npx skills add) para buscar, verificar e instalar paquetes del directorio skills.sh. Recomienda habilidades basándose en el conteo de instalaciones, la reputación de la fuente y las estrellas de GitHub para garantizar la calidad antes de sugerir la instalación. Presenta habil...

Usa esta habilidad al agregar o cambiar flags de funcionalidad del framework en los internos de Next.js.

El SDK de Flags (paquete npm flags) es un kit de herramientas de feature flags para Next.js y SvelteKit. Convierte cada feature flag en una función invocable, funciona con cualquier proveedor de flags mediante adaptadores y mantiene las páginas estáticas usando el patrón de precomputación. Vercel Flags es el proveedor de primera parte, que permite gestionar flags desde el panel de Vercel o la CLI de vercel flags.

Crear interfaces frontend distintivas y de calidad de producción con un alto nivel de diseño. Usa esta habilidad cuando el usuario solicite construir componentes web, páginas, artefactos,…

Crear interfaces frontend distintivas y de calidad de producción con un alto nivel de diseño. Usa esta habilidad cuando el usuario solicite construir componentes web, páginas, artefactos,…

Guía experta para Geist, el sistema de tipografía y familia de fuentes predeterminados de Vercel para interfaces precisas en Next.js. Úsalo al configurar Geist Sans, Geist Mono o…

Guía experta para Geist, el sistema de tipografía y familia de fuentes predeterminados de Vercel para interfaces precisas en Next.js. Úsalo al configurar Geist Sans, Geist Mono o…

Crea experiencias de aprendizaje interactivas y explorativas como aplicaciones Next.js usando el sistema de diseño Geist. Úsalo al crear tutoriales, explicaciones explorables,…

Guía experta para Geistdocs, la plantilla de documentación de Vercel construida con Next.js y Fumadocs — creación de MDX, configuración, chat de IA, i18n, comentarios,…

Guía experta para Geistdocs, la plantilla de documentación de Vercel construida con Next.js y Fumadocs — creación de MDX, configuración, chat de IA, i18n, comentarios,…

API REST de GitHub emulada para desarrollo y pruebas locales. Úsela cuando el usuario necesite interactuar con endpoints de la API de GitHub localmente, probar integraciones de GitHub,…

OAuth 2.0 de Google emulado, OpenID Connect, Gmail, Calendar y Drive para desarrollo y pruebas locales. Úselo cuando el usuario necesite probar el inicio de sesión de Google…

Renderizador de imágenes para json-render que convierte especificaciones JSON en imágenes SVG y PNG a través de Satori. Úselo al trabajar con @json-render/image, generando imágenes OG a partir de…

Renderizador de terminal Ink para json-render que convierte especificaciones JSON en interfaces de terminal interactivas. Úselo al trabajar con @json-render/ink, creando interfaces 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…

Coordinador de depuración orquestado. Se activa con señales de frustración (atascado, colgado, roto, esperando) y realiza un triaje sistemático: registros de ejecución → estado del flujo de trabajo →…

Coordinador de depuración orquestado. Se activa con señales de frustración (atascado, colgado, roto, esperando) y realiza un triaje sistemático: registros de ejecución → estado del flujo de trabajo →…

Cómo ser rescatado de una isla solitaria

Cómo ser rescatado de una isla solitaria

Adaptador de Jotai para la interfaz StateStore de json-render. Úselo al integrar json-render con Jotai para la gestión de estado a través de @json-render/jotai.

Guía de renderizado de respuestas de chat de IA: manejo de partes de UIMessage, visualización de llamadas a herramientas, estados de transmisión y presentación de datos estructurados. Úselo al construir…

Guía de representación de respuestas de chat de IA: manejo de partes de UIMessage, visualización de llamadas a herramientas, estados de transmisión y presentación de datos estructurados. Úselo al construir…

Definición de esquemas, creación de catálogos y transmisión de especificaciones para renderizado JSON impulsado por IA. Defina esquemas con especificaciones tipadas y catálogos de componentes usando defineSchema y defineCatalog; genere indicaciones de IA automáticamente o con reglas personalizadas. Soporte de expresiones dinámicas de propiedades, incluyendo enlace de estado ($state, $bindState), condicionales ($cond), plantillas y funciones computadas. Transmita respuestas de IA como parches JSONL usando createSpecStreamCompiler para la construcción progresiva de especificaciones. Validación incorporada,...

Renderizador de imágenes para json-render que convierte especificaciones JSON en imágenes SVG y PNG mediante Satori. Úsalo al trabajar con @json-render/image, generando imágenes OG a partir de…

Convierte especificaciones JSON en árboles de componentes React con seguridad de tipos, gestión de estado y expresiones dinámicas. Soporta especificaciones de UI declarativas con árboles de elementos, enlace bidireccional de datos mediante $bindState, renderizado condicional y expresiones computadas. Gestión de estado integrada a través de StateProvider con integración opcional de almacenes externos (Redux, Zustand, XState) y rutas de estado basadas en JSON Pointer. Sistema de eventos con despacho de acciones, observadores de estado y cuatro acciones integradas: setState,...

Renderizador de React Email para json-render que convierte especificaciones JSON en correos electrónicos HTML o de texto plano usando @react-email/components y @react-email/render. Úsalo cuando…

Renderizador de React Native para json-render que convierte especificaciones JSON en interfaces de usuario nativas para móviles. Úsalo al trabajar con @json-render/react-native, creando interfaces de React Native…

Renderizador de Remotion para json-render que convierte especificaciones de línea de tiempo JSON en videos. Úselo al trabajar con @json-render/remotion, creando composiciones de video a partir de…

Componentes predefinidos de shadcn/ui para json-render. Úselo al trabajar con @json-render/shadcn, agregar componentes de interfaz de usuario estándar a un catálogo o crear interfaces web con…

Corrige el conocimiento desactualizado del LLM sobre la plataforma Vercel e introduce nuevos productos. Inyectado al inicio de la sesión.

Corrige el conocimiento desactualizado del LLM sobre la plataforma Vercel e introduce nuevos productos. Inyectado al inicio de la sesión.

Listar el contenido de un tarball de paquete npm antes de publicarlo. Úsalo cuando el usuario quiera ver qué archivos están incluidos en un paquete npm, verificar el paquete…

Inspecciona el contenido del tarball del paquete npm antes de publicar para verificar qué archivos se distribuirán. Enumera los archivos exactos que se subirían a npm, ayudando a detectar inclusiones faltantes o no deseadas antes de la publicación. Respeta el campo files en package.json, .npmignore y las reglas de .gitignore para mostrar el contenido real del paquete. Construye automáticamente el paquete, crea un tarball, muestra el contenido y limpia en un solo comando. Ejecútelo desde el directorio del paquete con un script bash simple; útil para...

Ver registros de despliegue de Vercel. Úsalo cuando el usuario diga "mostrar registros", "revisar registros", "registros de vercel" o "qué salió mal con el despliegue".

Contexto para trabajar en la próxima versión principal del SDK de IA. Usar solo cuando el usuario lo invoque explícitamente (por ejemplo, mediante '/major-version-mode'). NO activar…

Contexto para trabajar en la próxima versión principal del SDK de IA. Usar solo cuando el usuario lo invoque explícitamente (por ejemplo, mediante '/major-version-mode'). NO activar…

Guía experta del Marketplace de Vercel: descubrimiento, instalación y creación de integraciones, variables de entorno aprovisionadas automáticamente, facturación unificada y el…

Guía experta del Marketplace de Vercel: descubrimiento, instalación y creación de integraciones, variables de entorno aprovisionadas automáticamente, facturación unificada y el…

Añade integración de AI Skills (Brand Review API) a una aplicación de Sitecore Marketplace. Úselo cuando el usuario quiera agregar análisis de contenido impulsado por IA, revisión de marca o marca…

Añade una nueva ruta de punto de extensión a una aplicación de Sitecore Marketplace. Úselo cuando el usuario quiera agregar un campo personalizado, widget de panel, panel de contexto, pantalla completa…

Añade integración con la API de XM Cloud a una aplicación de Sitecore Marketplace. Úselo cuando el usuario quiera acceder a las API de Sitios, Páginas, Creación, Transferencia de Contenido, Búsqueda o Agentes…

Construye componentes de interfaz de usuario utilizando el sistema de diseño Blok para aplicaciones de Sitecore Marketplace. Úselo cuando el usuario quiera crear interfaz de usuario, agregar componentes, construir un diseño de página o…

Implementa una aplicación de Sitecore Marketplace en Vercel con los encabezados CSP y la configuración correctos.

Crea una nueva aplicación de Sitecore Marketplace utilizando el SDK oficial. Úsalo cuando el usuario quiera crear una nueva aplicación de marketplace, iniciar un nuevo proyecto de Sitecore, o…

Referencia de la API del SDK de Sitecore Marketplace. Úselo cuando el usuario pregunte sobre métodos, tipos, consultas, mutaciones, suscripciones del SDK o cómo usar cualquier Sitecore…

Integración de aplicaciones MCP para json-render. Úselo al construir servidores MCP que rendericen interfaces de usuario interactivas en Claude, ChatGPT, Cursor o VS Code, o al integrar…

Guía experta para micro — framework asíncrono de microservicios HTTP de Vercel. Úsalo al construir servidores HTTP ligeros, endpoints de API o microservicios…

Guía experta para micro — framework asíncrono de microservicios HTTP de Vercel. Úsalo al construir servidores HTTP ligeros, endpoints de API o microservicios…

Emulación de Microsoft Entra ID (Azure AD) OAuth 2.0 / OpenID Connect para desarrollo y pruebas locales. Úselo cuando el usuario necesite probar el inicio de sesión de Microsoft localmente,…

Migra flujos de trabajo de Temporal, Inngest, Trigger.dev y AWS Step Functions al Workflow SDK. Úsalo al migrar Activities, Workers, Signals, step.run(),…

Guía experta para @vercel/ncc — una CLI simple para compilar módulos de Node.js en un solo archivo con todas las dependencias incluidas. Úsalo al empaquetar serverless…

Adaptador de Next.js para incrustar emuladores directamente en una aplicación de Next.js mediante @emulators/adapter-next. Úsalo cuando el usuario necesite incrustar emuladores en Next.js, configurar…

Renderizador de Next.js para json-render que convierte especificaciones JSON en aplicaciones completas de Next.js con rutas, diseños, SSR y metadatos. Úsalo al trabajar con…

Prácticas recomendadas de Next.js: convenciones de archivos, límites de RSC, patrones de datos, APIs asíncronas, metadatos, manejo de errores, manejadores de rutas, optimización de imágenes/fuentes,…

Guía completa de desarrollo en Next.js que cubre estructura de archivos, patrones RSC, obtención de datos, optimización y manejo de errores. Abarca más de 15 áreas temáticas, incluyendo convenciones de archivos, segmentos de ruta, límites RSC, patrones asíncronos, generación de metadatos y optimización de imágenes/fuentes. Proporciona orientación sobre selección en tiempo de ejecución, uso de directivas y estrategias de manejo de errores con convenciones de archivos específicas como error.tsx y not-found.tsx. Incluye patrones de obtención de datos, mejores prácticas para manejadores de rutas,...

Mejores prácticas de Next.js: convenciones de archivos, límites de RSC, patrones de datos, APIs asíncronas, metadatos, manejo de errores, manejadores de rutas, optimización de imágenes/fuentes,…

Mejores prácticas de Next.js: convenciones de archivos, límites de RSC, patrones de datos, APIs asíncronas, metadatos, manejo de errores, manejadores de rutas, optimización de imágenes/fuentes,…

Mejores prácticas de Next.js: convenciones de archivos, límites de RSC, patrones de datos, APIs asíncronas, metadatos, manejo de errores, manejadores de rutas, optimización de imágenes/fuentes,…

Mejores prácticas de Next.js: convenciones de archivos, límites de RSC, patrones de datos, APIs asíncronas, metadatos, manejo de errores, manejadores de rutas, optimización de imágenes/fuentes,…

Si next-browser no está ya en PATH, instala @vercel/next-browser globalmente con el gestor de paquetes del usuario, luego ejecuta playwright install chromium.

Mezcla contenido estático, en caché y dinámico en una sola ruta de Next.js con Partial Prerendering. Habilítalo con cacheComponents: true en next.config.ts; reemplaza el antiguo flag experimental.ppr. Usa la directiva 'use cache' a nivel de archivo, componente o función para almacenar en caché datos asíncronos con generación automática de claves basada en argumentos y clausuras. Controla la duración de la caché con cacheLife() usando perfiles integrados ('minutes', 'hours', 'days', 'weeks', 'max') o configuración en línea con stale,...

Componentes de caché de Next.js 16 - PPR, directiva use cache, cacheLife, cacheTag, updateTag

Guía de componentes de caché de Next.js 16 — PPR, directiva use cache, cacheLife, cacheTag, updateTag y migración desde unstable_cache. Úselo al implementar…

Componentes de caché de Next.js 16 - PPR, directiva use cache, cacheLife, cacheTag, updateTag

Componentes de caché de Next.js 16 - PPR, directiva use cache, cacheLife, cacheTag, updateTag

Guía de componentes de caché de Next.js 16 — PPR, directiva use cache, cacheLife, cacheTag, updateTag y migración desde unstable_cache. Úselo al implementar…

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…

Asistencia experta para next-forge, una plantilla Turborepo de grado de producción para aplicaciones SaaS con Next.js. Se activa con preguntas sobre instalación, configuración de 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…

Actualizaciones automatizadas de versiones de Next.js con codemods oficiales e integración de guías de migración. Detecta la versión actual de Next.js desde package.json y obtiene documentación de actualización específica para la versión desde guías oficiales. Ejecuta codemods de Next.js automáticamente para manejar cambios disruptivos como APIs de Request asíncronas, migraciones de propiedades geo/IP y transformaciones de importaciones dinámicas. Maneja actualizaciones incrementales para saltos de versiones principales (ej., 13 → 14 → 15) y actualiza dependencias pares (React, React DOM,...).

Actualiza Next.js a la última versión siguiendo las guías oficiales de migración y los codemods.

Actualiza Next.js a la última versión siguiendo las guías oficiales de migración y codemods. Úsalo al actualizar versiones de Next.js, ejecutar codemods o migrar…

Actualiza Next.js a la última versión siguiendo las guías oficiales de migración y los codemods.

Actualiza Next.js a la última versión siguiendo las guías oficiales de migración y los codemods.

Actualiza Next.js a la última versión siguiendo las guías oficiales de migración y codemods. Úsalo al actualizar versiones de Next.js, ejecutar codemods o migrar…

Guía experta en Next.js App Router. Úsalo al construir, depurar o diseñar aplicaciones Next.js: enrutamiento, Server Components, Server Actions, Caché…

Guía experta en Next.js App Router. Úsalo al construir, depurar o diseñar aplicaciones Next.js — enrutamiento, Server Components, Server Actions, Caché…

Configurar proveedores OAuth (Google, Apple, Microsoft, Facebook, GitHub, etc.) para que funcionen con URLs de desarrollo local sin puerto. Usar al configurar URIs de redirección OAuth,…

Guía experta de Vercel Observability — Drenajes (logs, trazas, información de velocidad, análisis web), Análisis web, Información de velocidad, logs de tiempo de ejecución, eventos personalizados,…

Guía experta de Vercel Observability — Drenajes (logs, trazas, información de velocidad, análisis web), Análisis web, Información de velocidad, logs de tiempo de ejecución, eventos personalizados,…

Obtén el código fuente de dependencias para darle a los agentes de IA un contexto de implementación más profundo. Úsalo cuando el agente necesite entender cómo funciona una biblioteca internamente, leer…

Guía de integración de pagos con Stripe: configuración nativa de Vercel Marketplace, sesiones de pago, manejo de webhooks, facturación por suscripción y el SDK de Stripe. Úsalo cuando…

Guía de integración de pagos con Stripe: configuración nativa de Vercel Marketplace, sesiones de pago, manejo de webhooks, facturación de suscripciones y el SDK de Stripe. Úsalo cuando…

Planificación holística y consciente del sistema antes de implementar tareas no triviales. Úsalo cuando la tarea implique nuevas funciones, decisiones arquitectónicas, cambios en múltiples archivos,…

Auditar el rendimiento de vercel-plugin en proyectos reales. Extrae llamadas a herramientas de los registros de conversación de Claude Code, prueba la coincidencia de hooks con entradas reales,…

Auditar el rendimiento de vercel-plugin en proyectos reales. Extrae llamadas a herramientas de los registros de conversación de Claude Code, prueba la coincidencia de hooks con entradas reales,…

URLs .localhost con nombre para servidores de desarrollo, eliminando conflictos de puertos y números de puerto fijos. Asigna puertos libres aleatorios (4000–4999) automáticamente y enruta subdominios con nombre (ej. miapp.localhost:1355) a la aplicación correcta mediante un proxy inverso en el puerto 1355. Detecta automáticamente los worktrees de git y antepone los nombres de rama como prefijos de subdominio, de modo que cada worktree obtenga una URL única sin cambios de configuración. Soporta HTTP/2 con HTTPS mediante certificados de CA local autogenerados; incluye comandos CLI para proxy...

Usa esta skill cuando el usuario pregunte sobre el estado de PR, fallos de CI o comentarios de revisión en el monorepo de Next.js.

Biblioteca mínima de shaders WebGPU para codificación creativa y gráficos en tiempo real. Proporciona pases de pantalla completa, partículas, shaders de cómputo, objetivos de renderizado y ping-pong…

Convierte especificaciones JSON en árboles de componentes React con props tipadas y gestión de estado. Define catálogos con esquemas Zod para props de componentes, luego implementa componentes con seguridad de tipos y validación automática. Gestión de estado integrada mediante StateProvider con enlace bidireccional ($bindState), renderizado condicional e integración con almacenes externos (Redux, Zustand, XState). Sistema de eventos con despacho de acciones, observadores de estado y cuatro acciones integradas (setState, pushState, removeState,...).

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar código de React/Next.js para garantizar patrones de rendimiento óptimos. Se activa en tareas que involucran componentes de React, páginas de Next.js, obtención de datos, optimización de paquetes o mejoras de rendimiento.

Revisor de mejores prácticas de React para archivos TSX. Se activa después de editar múltiples componentes TSX para ejecutar una lista de verificación de calidad condensada que cubre la estructura de componentes,…

Revisor de mejores prácticas de React para archivos TSX. Se activa después de editar múltiples componentes TSX para ejecutar una lista de verificación de calidad condensada que cubre la estructura de componentes,…

Renderizador de React Email para json-render que convierte especificaciones JSON en correos electrónicos HTML o de texto plano usando @react-email/components y @react-email/render. Úsalo cuando…

Renderizador de React Native para json-render que convierte especificaciones JSON en interfaces de usuario nativas para móviles. Úsalo al trabajar con @json-render/react-native, construyendo interfaces de usuario de React Native…

Renderizador de PDF de React para json-render. Úselo al generar documentos PDF a partir de especificaciones JSON, trabajar con @json-render/react-pdf o renderizar especificaciones a PDF…

Renderizador 3D de React Three Fiber para json-render. Úsalo al trabajar con @json-render/react-three-fiber, construyendo escenas 3D a partir de especificaciones JSON, renderizando…

Usa esta skill para cambios que afecten a React empaquetado, react-server-dom-webpack/* o los límites de la capa react-server.

Adaptador de Redux para la interfaz StateStore de json-render. Úselo al integrar json-render con Redux o Redux Toolkit para la gestión de estado a través de @json-render/redux.

Liberar vercel-plugin — ejecutar gates, incrementar versión, generar artefactos, commit y push. Usar cuando se pida "release", "ship", "bump and push" o "cut a release".

Liberar vercel-plugin — ejecutar gates, aumentar versión, generar artefactos, commit y push. Usar cuando se pida "release", "ship", "bump and push" o "cut a release".

Renderizador de Remotion para json-render que convierte especificaciones de línea de tiempo JSON en videos. Úsalo al trabajar con @json-render/remotion, creando composiciones de video a partir de…

Mejores prácticas para Remotion - Creación de videos en React

Elimina las restricciones de demostración alojadas en Open Harness de un fork. Úsalo cuando un mantenedor quiera eliminar los límites de prueba de plantillas gestionadas, el bloqueo de despliegues alojados, o…

API de correo de Resend emulada para desarrollo y pruebas locales. Úsala cuando el usuario necesite enviar correos localmente, probar flujos de correo transaccional, implementar magic…

Usa esta skill al escribir o modificar pruebas que involucren solicitudes de precarga, navegaciones del router del cliente o la caché de segmentos. La utilidad createRouterAct de test/lib/router-act.ts te permite hacer afirmaciones sobre respuestas de precarga y navegación de manera integral, sin acoplarte al número exacto de solicitudes ni a los detalles del protocolo. Por eso la mayoría de las pruebas relacionadas con el router del cliente usan este patrón.

Orientación sobre middleware de enrutamiento de Vercel: interceptación de solicitudes antes del caché, reescrituras, redirecciones, personalización. Funciona con cualquier framework. Compatible con Edge, Node.js,…

Orientación sobre middleware de enrutamiento de Vercel: interceptación de solicitudes antes del caché, reescrituras, redirecciones, personalización. Funciona con cualquier framework. Compatible con Edge, Node.js,…

Guía de la API de caché en tiempo de ejecución de Vercel: caché efímera de clave-valor por región con invalidación basada en etiquetas. Compartida entre funciones, middleware de enrutamiento y compilaciones.…

Guía de la API de caché en tiempo de ejecución de Vercel: caché efímera de clave-valor por región con invalidación basada en etiquetas. Compartida entre funciones, middleware de enrutamiento y compilaciones.…

Usa esta habilidad al reproducir regresiones de inclusión de runtime-bundle, module-resolution o user-bundle.

Crea MicroVM de Linux aisladas usando el SDK de Vercel Sandbox. Úsalo al construir entornos de ejecución de código, ejecutar código no confiable, iniciar servidores de desarrollo,…

Guía experta para Satori — la biblioteca de Vercel que convierte HTML y CSS a SVG, comúnmente utilizada para generar imágenes OG dinámicas para Next.js y otros frameworks.

Guía experta para Satori — la librería de Vercel que convierte HTML y CSS a SVG, comúnmente utilizada para generar imágenes OG dinámicas para Next.js y otros frameworks.

Configurar la CLI de Vercel y la configuración del proyecto. Usar cuando el usuario diga "configurar Vercel", "configurar Vercel", "vincular a Vercel" o "vercel init".

Componentes preconstruidos de shadcn/ui para json-render. Úselo al trabajar con @json-render/shadcn, agregar componentes de interfaz de usuario estándar a un catálogo o crear interfaces web con…

Guía experta en shadcn/ui — CLI, instalación de componentes, patrones de composición, registros personalizados, tematización, integración con Tailwind CSS e interfaces de alta calidad…

Guía experta en shadcn/ui — CLI, instalación de componentes, patrones de composición, registros personalizados, tematización, integración con Tailwind CSS e interfaces de alta calidad…

Componentes preconstruidos de shadcn-svelte para aplicaciones Svelte de json-render. Úselo al trabajar con @json-render/shadcn-svelte, agregando componentes de interfaz de usuario estándar a una aplicación Svelte…

Guía de inicio de sesión con Vercel — proveedor de identidad OAuth 2.0/OIDC para autenticación de usuarios mediante cuentas de Vercel. Úselo al implementar inicio de sesión de usuarios con Vercel como…

Guía de inicio de sesión con Vercel — proveedor de identidad OAuth 2.0/OIDC para autenticación de usuarios mediante cuentas de Vercel. Úselo al implementar inicio de sesión de usuarios con Vercel como…

Guía para crear habilidades efectivas. Esta habilidad debe usarse cuando los usuarios quieran crear una nueva habilidad (o actualizar una existente) que extienda las capacidades de Claude…

Guía para crear habilidades efectivas. Esta habilidad debe usarse cuando los usuarios quieran crear una nueva habilidad (o actualizar una existente) que extienda las capacidades de Claude…

API de Slack emulada para desarrollo y pruebas locales. Úsela cuando el usuario necesite interactuar con endpoints de la API de Slack localmente, probar integraciones de Slack, emular…

Úsalo al trabajar con código de agente/bot de Slack, aplicaciones de Chat SDK, proyectos de Bolt para JavaScript, o proyectos que usen @chat-adapter/slack o @slack/bolt. Proporciona…

Renderizador de SolidJS para json-render. Úselo al construir catálogos/registros de @json-render/solid, conectando proveedores de Renderer, implementando enlaces/acciones, o…

Guía experta en streaming-markdown de Streamdown. Úselo al renderizar Markdown en streaming desde modelos de IA, al crear interfaces de chat con contenido en tiempo real o al reemplazar…

Renderizador de Markdown para React optimizado para streaming con resaltado de sintaxis, diagramas, matemáticas e integración de chat de IA. Compatible con cuatro plugins opcionales: resaltado de sintaxis de código mediante Shiki (más de 200 idiomas), diagramas Mermaid, renderizado de matemáticas LaTeX y soporte de texto CJK. Dos modos de renderizado: streaming (con cursor animado para chat de IA) y estático (para blogs y documentación). Funciones de seguridad integradas, como modales de seguridad de enlaces, filtrado de etiquetas HTML, sanitización de URL y elementos configurables...

API de Stripe emulada para desarrollo y pruebas locales. Úsala cuando el usuario necesite procesar pagos localmente, probar flujos de pago, crear clientes, gestionar…

Guía experta para styled-jsx — CSS-in-JS con ámbito para React y Next.js. Úsalo al escribir estilos con ámbito de componente usando el plugin babel styled-jsx, utilizando…

Renderizador de Svelte 5 para json-render que convierte especificaciones JSON en árboles de componentes Svelte. Úselo al trabajar con @json-render/svelte, construyendo interfaces de usuario Svelte desde JSON,…

Guía experta en obtención de datos con SWR. Úsalo al crear aplicaciones React con obtención de datos del lado del cliente, almacenamiento en caché, revalidación, mutaciones, IU optimista, paginación o…

Guía experta en obtención de datos con SWR. Úsalo al crear aplicaciones React con obtención de datos del lado del cliente, almacenamiento en caché, revalidación, mutaciones, IU optimista, paginación o…

Analizar y transformar archivos de texto usando herramientas de bash

Guía experta de Turbopack. Úsalo al configurar el empaquetador de Next.js, optimizar HMR, depurar problemas de compilación o entender las diferencias entre Turbopack y Webpack…

Guía experta de Turbopack. Úsalo al configurar el empaquetador de Next.js, optimizar HMR, depurar problemas de compilación o entender las diferencias entre Turbopack y Webpack…

Guía experta de Turborepo. Úsalo al configurar u optimizar compilaciones de monorepos, configurar el almacenamiento en caché de tareas, el almacenamiento en caché remoto, la ejecución en paralelo o el --affected…

Sistema de construcción para monorepos de JavaScript/TypeScript. Turborepo almacena en caché las salidas de las tareas y ejecuta tareas en paralelo basándose en el grafo de dependencias.

Sistema de construcción para monorepos de JavaScript/TypeScript. Turborepo almacena en caché las salidas de las tareas y ejecuta tareas en paralelo basándose en el grafo de dependencias.

Sistema de construcción monorepo con almacenamiento inteligente de tareas en caché, ejecución paralela y orquestación de grafos de dependencias. Almacena en caché los resultados de las tareas y las ejecuta en paralelo según las dependencias declaradas; admite almacenamiento en caché remoto para flujos de trabajo CI/CD. Filtra y ejecuta solo los paquetes modificados con --affected, o usa --filter para selección personalizada de paquetes. Configura tareas en turbo.json con las claves dependsOn, outputs, inputs y env; admite anulaciones específicas de paquetes mediante Configuraciones de Paquetes. Aplica monorepo...

Guía experta de Turborepo. Úsalo al configurar u optimizar compilaciones de monorepos, configurar el almacenamiento en caché de tareas, el almacenamiento en caché remoto, la ejecución en paralelo o el --affected…

Cuando se necesita clonación:

Flujo de trabajo guiado para actualizar la documentación de Next.js basado en cambios de código y revisiones de PR. Analiza los diffs de git para identificar archivos de documentación afectados utilizando una referencia de mapeo de código a documentación. Proporciona plantillas y convenciones para estructurar nueva documentación de características (componentes, funciones, configuración, guías, convenciones de archivos). Guía a través de actualizaciones paso a paso de la documentación existente con confirmación del usuario antes de cada cambio. Incluye lista de verificación de validación y comandos de linting para asegurar el formato...

Agregar nuevos o eliminar IDs de modelos obsoletos para proveedores existentes del SDK de IA. Úselo al agregar un modelo a un proveedor, eliminar un modelo obsoleto o procesar una lista de…

Agregar nuevos o eliminar IDs de modelos obsoletos para proveedores existentes del SDK de IA. Úselo al agregar un modelo a un proveedor, eliminar un modelo obsoleto o procesar una lista de…

Orientación experta de v0 por Vercel. Úsalo al hablar sobre generación de código con IA, generación de componentes de interfaz de usuario a partir de indicaciones, uso de la CLI de v0, integración con el SDK/API de v0, o…

Orientación experta de v0 por Vercel. Úsalo al hablar sobre generación de código con IA, creación de componentes de interfaz a partir de indicaciones, uso de la CLI de v0, integración con el SDK/API de v0, o…

Usa esta habilidad al escribir u optimizar rutas de código críticas para el rendimiento en los internos del servidor de Next.js, especialmente en rutas activas por solicitud como renderizado, transmisión, enrutamiento y almacenamiento en caché.

API REST de Vercel emulada para desarrollo y pruebas locales. Úsala cuando el usuario necesite interactuar con endpoints de la API de Vercel localmente, probar integraciones de Vercel,…

Desplegar aplicaciones y sitios web en Vercel. Usa esta habilidad cuando el usuario solicite acciones de despliegue como "Desplegar mi app", "Desplegar esto a producción", "Crear un despliegue de vista previa", "Desplegar y dame el enlace" o "Publicar esto". No requiere autenticación: devuelve la URL de vista previa y un enlace de despliegue reclamable.

Orientación del agente de Vercel: revisión de código impulsada por IA, investigación de incidentes e instalación de SDK. Automatiza el análisis de PR y la depuración de anomalías. Úselo al configurar…

Orientación del agente de Vercel: revisión de código impulsada por IA, investigación de incidentes e instalación de SDK. Automatiza el análisis de PR y la depuración de anomalías. Úselo al configurar…

Vercel AI SDK (Python): patrones para construir aplicaciones impulsadas por LLM con transmisión, herramientas, hooks y salida estructurada

Guía experta de Vercel MCP y API REST. Úsalo cuando el agente necesite acceso en vivo a proyectos, despliegues, variables de entorno, dominios, registros o…

Guía experta de Vercel MCP y API REST. Úsalo cuando el agente necesite acceso en vivo a proyectos, despliegues, variables de entorno, dominios, registros o…

Desplegar, gestionar y desarrollar proyectos en Vercel desde la línea de comandos

Guía experta de Vercel CLI. Úsalo al desplegar, gestionar variables de entorno, enlazar proyectos, ver registros, consultar métricas, administrar dominios o…

Interfaz de línea de comandos para desplegar, gestionar y desarrollar proyectos de Vercel de forma local y en pipelines CI/CD. Requiere vinculación explícita del proyecto mediante vercel link (proyecto único) o vercel link --repo (monorepos); los comandos deben ejecutarse desde el directorio que contiene la carpeta .vercel/. Flujos de trabajo principales: vercel dev para desarrollo local, vercel deploy para despliegues de vista previa, vercel --prod para producción. Soporta variables de entorno, dominios, DNS, almacenamiento blob, integraciones, backends Node.js,...

Desplegar y gestionar proyectos en Vercel usando autenticación basada en tokens. Usar cuando se trabaje con Vercel CLI mediante tokens de acceso en lugar de inicio de sesión interactivo —…

Desplegar y gestionar proyectos en Vercel usando autenticación basada en tokens. Usar cuando se trabaje con Vercel CLI utilizando tokens de acceso en lugar de inicio de sesión interactivo —…

Patrones de composición en React para escalar componentes y evitar la proliferación de props booleanas. Cubre cuatro categorías prioritarias: arquitectura de componentes, gestión de estado, patrones de implementación y APIs de React 19, cada una con reglas específicas y ejemplos de código. Incluye más de 10 patrones nombrados que abordan componentes compuestos, proveedores de contexto, elevación de estado y variantes explícitas. Diseñado para refactorizar componentes inflados, construir bibliotecas reutilizables y revisar decisiones de arquitectura de componentes. React...

Patrones de composición de React que escalan. Úselo al refactorizar componentes con

vercel-composition-patterns — una habilidad instalable para agentes de IA, publicada por vercel-labs/openreview.

Patrones de composición de React que escalan. Úselo al refactorizar componentes con

Implementación instantánea en Vercel con detección automática de frameworks y sin necesidad de autenticación. Empaqueta proyectos en tarballs, detecta automáticamente los frameworks desde package.json y devuelve una URL de vista previa en vivo más un enlace de implementación reclamable para transferencia de cuenta. Soporta más de 20 frameworks en React, Vue, Svelte, entornos de ejecución backend y proyectos HTML estáticos. Excluye node_modules y .git de las implementaciones para minimizar el tamaño del paquete. Devuelve tanto URLs legibles para humanos como salida JSON para integración programática.

Desplegar aplicaciones y sitios web en Vercel con una vista previa reclamable. Usar cuando el usuario solicite acciones de despliegue como "desplegar mi aplicación", "desplegar y dame…

Desplegar aplicaciones y sitios web en Vercel. Usa esta habilidad cuando el usuario solicite acciones de despliegue como "Desplegar mi app", "Desplegar esto a producción",…

Guía experta del firewall de Vercel — mitigación automática de DDoS, el WAF de Vercel (reglas personalizadas, bloqueo de IP, conjuntos de reglas gestionados, limitación de tasa), Modo de Ataque, sistema…

Guía experta del firewall de Vercel — mitigación automática de DDoS, el WAF de Vercel (reglas personalizadas, bloqueo de IP, conjuntos de reglas gestionados, limitación de tasa), Modo de Ataque, sistema…

Orientación de Vercel Flags: plataforma de flags de funcionalidad con panel unificado, Flags Explorer, despliegues graduales, pruebas A/B y adaptadores de proveedores. Úsalo cuando…

Orientación sobre Vercel Flags: plataforma de flags de funcionalidad con panel unificado, Flags Explorer, despliegues graduales, pruebas A/B y adaptadores de proveedores. Úsalo cuando…

Orientación experta en funciones de Vercel — Funciones sin servidor, Funciones Edge, Fluid Compute, streaming, Cron Jobs y configuración de tiempo de ejecución. Úselo al configurar,…

Orientación experta en funciones de Vercel — Funciones sin servidor, Funciones Edge, Fluid Compute, streaming, Cron Jobs y configuración de tiempo de ejecución. Úselo al configurar,…

Guía para construir, configurar y desplegar microfrontends en Vercel. Usa esta habilidad cuando el usuario mencione microfrontends, multi-zonas, dividir una aplicación…

Úsalo para optimizar costos y rendimiento en proyectos desplegados en Vercel, especialmente Next.js, SvelteKit, Nuxt y aplicaciones limitadas de Astro. Primero recopila métricas de Vercel, uso, configuración del proyecto y resultados de escaneo de código; luego investiga solo candidatos respaldados por métricas; produce recomendaciones clasificadas basadas en archivos verificados y documentación de Vercel/framework actualizada por versión. Actívalo para reducción de factura de Vercel, rutas lentas o costosas, oportunidades de caché, Invocaciones de Funciones, Minutos de Compilación, Transferencia Rápida de Datos, Core...

Ejecuta sesiones de evaluación en vivo contra el vercel-plugin para verificar el comportamiento de los hooks, la inyección de habilidades, la corrección de deduplicación y la cobertura. Inicia sesiones reales de Claude Code…

Ejecuta sesiones de evaluación en vivo contra el vercel-plugin para verificar el comportamiento de hooks, la inyección de habilidades, la corrección de deduplicación y la cobertura. Inicia sesiones reales de Claude Code…

Creación de servicios backend en Python utilizando la API experimentalServices de Vercel. Úselo al crear backends en Python o proyectos con múltiples servicios que incluyan un backend en Python…

Guía de Vercel Queues (beta pública): transmisión de eventos duradera con temas, grupos de consumidores, reintentos y entrega retrasada. $0.60/1M operaciones. Impulsa Workflow…

Guía de Vercel Queues (beta pública): transmisión de eventos duradera con temas, grupos de consumidores, reintentos y entrega retrasada. $0.60/1M operaciones. Impulsa Workflow…

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…

Guía de optimización de rendimiento para React y Next.js con 64 reglas priorizadas en 8 categorías. Organizadas por nivel de impacto, desde cascadas críticas y optimización de bundles hasta patrones avanzados, cada regla incluye ejemplos de código incorrecto/correcto y explicaciones. Cubre ocho dominios: patrones asíncronos, tamaño del bundle, almacenamiento en caché del lado del servidor, obtención de datos del lado del cliente, optimización de re-renderizados, rendimiento de renderizado, eficiencia de JavaScript y patrones avanzados. Diseñado para su uso durante componentes...

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar 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…

Prácticas recomendadas de React Native y Expo para aplicaciones móviles de alto rendimiento en renderizado de listas, animaciones, navegación y módulos nativos. Cubre ocho categorías de reglas priorizadas por impacto: rendimiento de listas (FlashList, memoización, estabilidad de callbacks), animaciones (propiedades de GPU, valores derivados), navegación, patrones de UI, gestión de estado, renderizado, estructura de monorepositorio y configuración. Las reglas de rendimiento de listas abordan aspectos críticos como la virtualización de listas grandes, optimización de imágenes y evitar...

Mejores prácticas de React Native y Expo para construir aplicaciones móviles de alto rendimiento. Usa

Mejores prácticas de React Native y Expo para construir aplicaciones móviles de alto rendimiento. Use

Mejores prácticas de React Native y Expo para construir aplicaciones móviles de alto rendimiento. 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…

Orientación sobre Vercel Sandbox: microVMs efímeras de Firecracker para ejecutar código no confiable de forma segura. Compatible con agentes de IA, generación de código y experimentación. Úselo cuando…

Orientación sobre Vercel Sandbox: microVMs efímeras de Firecracker para ejecutar código no confiable de forma segura. Compatible con agentes de IA, generación de código y experimentación. Úselo cuando…

Servicios de Vercel — despliega múltiples servicios dentro de un solo proyecto de Vercel. Útil para diseños de monorepositorio o al combinar un backend (Python, Go) con un frontend…

Servicios de Vercel — despliega múltiples servicios dentro de un solo proyecto de Vercel. Útil para diseños de monorepositorio o al combinar un backend (Python, Go) con un frontend…

Guía experta de almacenamiento Vercel — Blob, Edge Config y almacenamiento de Marketplace (Neon Postgres, Upstash Redis). Úsalo al elegir, configurar o usar datos…

Guía experta de almacenamiento de Vercel — Blob, Edge Config y almacenamiento de Marketplace (Neon Postgres, Upstash Redis). Úselo al elegir, configurar o usar datos…

Verificación de historia completa: infiere lo que el usuario está construyendo, luego verifica el flujo completo de extremo a extremo: navegador → API → datos → respuesta. Se activa en el servidor de desarrollo…

Verificación de historia completa: infiere lo que el usuario está construyendo, luego verifica el flujo completo de extremo a extremo: navegador → API → datos → respuesta. Se activa en el servidor de desarrollo…

Renderizador de Vue 3 para json-render. Úsalo al construir interfaces de usuario de Vue a partir de especificaciones JSON, trabajar con @json-render/vue, definir registros de componentes de Vue o renderizar…

Revisar el código de UI para cumplir con las pautas de interfaz web. Usar cuando se pida "revisar mi UI", "verificar accesibilidad", "auditar diseño", "revisar UX" o "verificar mi sitio contra mejores prácticas".

web-animation-design — una habilidad instalable para agentes de IA, publicada por vercel-labs/open-agents.

Revisar el código de UI para cumplimiento de las Pautas de Interfaz Web. Usar cuando se solicite "revisar mi UI", "verificar accesibilidad", "auditar diseño", "revisar UX" o "verificar mi sitio…

Revisar código de UI para cumplimiento de las Guías de Interfaz Web. Usar cuando se pida "revisar mi UI", "verificar accesibilidad", "auditar diseño", "revisar UX" o "verificar mi sitio…

Revisar código de UI para cumplimiento de las Guías de Interfaz Web. Usar cuando se pida "revisar mi UI", "verificar accesibilidad", "auditar diseño", "revisar UX" o "verificar mi sitio…

Revisar código de UI para cumplimiento de las Guías de Interfaz Web. Usar cuando se pida "revisar mi UI", "verificar accesibilidad", "auditar diseño", "revisar UX" o "verificar mi sitio…

Revisar código de UI para cumplimiento de las Guías de Interfaz Web. Usar cuando se pida "revisar mi UI", "verificar accesibilidad", "auditar diseño", "revisar UX" o "verificar mi sitio…

Crea y graba videos de demostración del navegador con guiones usando webreel. Genera grabaciones en MP4, GIF o WebM con animación del cursor, superposiciones de pulsaciones de teclas y sonido…

Crea flujos de trabajo duraderos y reanudables usando el Workflow DevKit de Vercel. Úsalo al construir flujos de trabajo que necesiten sobrevivir a reinicios, pausarse para eventos externos,…

Guía experta de Vercel Workflow DevKit (WDK). Úsalo al construir flujos de trabajo duraderos, tareas de larga duración, rutas de API o agentes que necesiten pausa/reanudación, reintentos,…

Guía experta de Vercel Workflow DevKit (WDK). Úsalo al construir flujos de trabajo duraderos, tareas de larga duración, rutas de API o agentes que necesiten pausa/reanudación, reintentos,…

Flujos de trabajo duraderos y reanudables con orquestación basada en pasos, hooks para eventos externos y soporte integrado para agentes de IA. Admite tres modos de ejecución: funciones de flujo de trabajo (capa de orquestación), funciones de paso (acceso completo a Node.js con reintento automático y persistencia de resultados) y DurableAgent para flujos de trabajo impulsados por IA con integración de herramientas. Pausa los flujos de trabajo en hooks para esperar eventos externos, luego reanuda desde rutas de API; los hooks admiten eventos únicos o patrones iterables de múltiples eventos con...

Instalar y configurar el SDK de Vercel Workflow antes de que exista en node_modules. Usar cuando el usuario solicite "instalar workflow", "configurar workflow", "agregar durable…

Produce una página de referencia de API que documente una única superficie de API (función, componente, convención de archivos, directiva u opción de configuración). La página debe ser concisa, fácil de escanear y basada en ejemplos.

Producir una guía técnica que enseñe un caso de uso del mundo real mediante ejemplos progresivos. Los conceptos se introducen solo cuando el lector los necesita.

Revisa documentos/prosa para cumplir con las Guías de Escritura. Úsalo cuando te pidan "revisar mis documentos", "verificar el estilo de escritura", "auditar la prosa", "revisar la voz y el tono de los documentos" o "verificar esta página contra el manual de escritura".

Adaptador de almacenamiento XState para la interfaz StateStore de json-render. Úselo al integrar json-render con @xstate/store para la gestión de estado a través de @json-render/xstate.

Formato de cable YAML para json-render con analizador de transmisión, generación de indicaciones y transformación del SDK de IA. Úselo al trabajar con @json-render/yaml, especificaciones basadas en YAML…

Adaptador de Zustand para la interfaz StateStore de json-render. Úselo al integrar json-render con Zustand para la gestión de estado a través de @json-render/zustand.