Vercel

La skill nextjs-turbopack te ayuda a usar Turbopack en Next.js 16+ para acelerar el desarrollo local, mejorar el HMR y tomar decisiones sobre el bundler. Úsala como una guía práctica de nextjs-turbopack para instalarlo, usarlo y decidir cuándo volver a webpack en flujos de Frontend Development.

La skill bun-runtime te ayuda a elegir Bun para nuevos proyectos de JavaScript o TypeScript, migraciones desde Node, scripts, pruebas y entornos en Vercel. Cubre el uso de bun-runtime, orientación de instalación, comparativas Bun vs Node y flujos de trabajo prácticos para desarrollo frontend y full-stack.

setup-deploy es una skill de configuración de despliegues para gstack que detecta tu plataforma de despliegue, la URL de producción, el endpoint de health check y el comando de estado del despliegue, y luego escribe la configuración en CLAUDE.md para repetir futuros despliegues de forma consistente. Úsala cuando necesites un uso de setup-deploy que convierta el descubrimiento de la configuración de despliegue en un flujo de trabajo guardado del proyecto.

nextjs-app-router-patterns ayuda a planificar la arquitectura de Next.js 14+ con App Router, incluidos Server Components, streaming, caché, route handlers y Server Actions para desarrollo full-stack y migraciones desde Pages Router.

vercel-cli-with-tokens ayuda a los agentes a usar Vercel CLI con tokens de acceso en lugar de inicio de sesión interactivo. Sigue un flujo centrado en la autenticación para localizar un token, exportar `VERCEL_TOKEN` y después gestionar despliegues, `link` o variables de entorno en entornos headless o de tipo CI.

deploy-to-vercel es una skill de despliegue en Vercel que revisa el estado del repo, el enlace local del proyecto, la autenticación del CLI y el alcance del equipo antes de desplegar. Usa despliegues preview por defecto, admite scripts auxiliares y ayuda a devolver la URL del despliegue con menos incertidumbre.

web-design-guidelines revisa código de interfaz según las Vercel Web Interface Guidelines, obtiene las reglas más recientes y devuelve hallazgos breves en formato file:line para auditorías de UX y accesibilidad.

develop-ai-functions-example te ayuda a crear o modificar ejemplos ejecutables del AI SDK en vercel/ai dentro de `examples/ai-functions/src/`. Úsalo para elegir la categoría adecuada, seguir las convenciones del repositorio y crear ejemplos mínimos para validación de proveedores, demos o fixtures.

add-provider-package es una guía especializada para crear un nuevo paquete `@ai-sdk/<provider>` en `vercel/ai`. Ayuda a colaboradores y equipos de API a seguir la arquitectura de proveedores del AI SDK, la estructura del paquete y el flujo de implementación al añadir un proveedor.

next-best-practices es una skill práctica de Next.js para trabajo con App Router, con cobertura de convenciones de archivos, límites de RSC, APIs asíncronas, patrones de datos, route handlers, bundling y manejo de errores.

next-cache-components explica Cache Components en Next.js 16: activar cacheComponents, usar `use cache`, configurar cacheLife, aplicar cacheTag y transmitir secciones dinámicas con Suspense.

La skill next-upgrade ayuda a actualizar proyectos reales de Next.js mediante guías oficiales de migración, codemods, pasos de versión incrementales y actualizaciones coordinadas de dependencias.

project-tooling ayuda a verificar la configuración de gh, vercel, supabase y, de forma opcional, del CLI de render para despliegue, CI/CD y automatización de flujos de trabajo. Usa esta guía de project-tooling para confirmar el estado de instalación, la autenticación y la preparación antes de ejecutar tareas del repositorio o de la plataforma.

videoagent-video-studio es una skill para generar videos cortos con IA a partir de texto, imágenes y referencias. Úsala para probar flujos de text-to-video e image-to-video, comparar los modelos compatibles y ejecutar el proxy alojado o una configuración autohospedada con Node 18+.

videoagent-image-studio es un skill unificado de generación de imágenes para agentes basados en Node. Ofrece un único flujo CLI para Midjourney, Flux, Ideogram, Recraft, SDXL y más, con configuración mediante proxy, guía para elegir modelos y salidas normalizadas para automatización.

Usa web-design-guidelines para revisar código de UI frente a las últimas Web Interface Guidelines. Ideal para un flujo de trabajo centrado de web-design-guidelines para auditorías UX, con hallazgos breves en formato file:line, comprobaciones de accesibilidad y revisión de cumplimiento de la interfaz antes del lanzamiento.

vercel-react-best-practices es una guía centrada en rendimiento para trabajos con React y Next.js de Vercel Engineering. Usa la skill vercel-react-best-practices al refactorizar componentes, rutas o la obtención de datos para reducir cascadas, adelgazar paquetes, mejorar el renderizado y publicar código frontend más rápido.

vercel-deploy te ayuda a desplegar apps y sitios web en Vercel con una configuración mínima. Está pensado para despliegues centrados primero en vistas previas, con pasos claros de instalación y uso, y como alternativa fiable cuando la CLI no está disponible o falta autenticación. Úsalo para generar enlaces rápidos y compartibles, y publica en producción solo cuando se solicite.

netlify-blobs es una guía para almacenamiento de objetos sin configuración en Backend Development. Usa la skill netlify-blobs para instalar y gestionar archivos, imágenes, subidas, exportaciones y artefactos binarios en caché con getStore(), operaciones CRUD, metadatos y desarrollo local. No es para datos dinámicos; usa Netlify Database en su lugar.

Usa el skill de ai-sdk para instalar el paquete principal ai, verificar la documentación vigente y aplicar patrones modernos de uso para streaming, tools, agents, useChat y una configuración gateway-first en aplicaciones full-stack.