Skills de Vercel

opensrc/skills/opensrc

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…

vercel-plugin/skills/payments

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…

phase/skills/phase

Úsalo al construir, revisar u optimizar animaciones web O rendimiento de renderizado (bucles de fotogramas, revelaciones de desplazamiento/viewport, transiciones de montaje/desmontaje,…

open-agents/.agents/skills/plan-mode

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

vercel-plugin/.claude/skills/plugin-audit

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

portless/skills/portless

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

next.js/.agents/skills/pr-status-triage

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.

ralph-gpu/SKILLS/ralph-gpu

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…

json-render/skills/react

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

agent-skills/skills/react-best-practices

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.

vercel-plugin/skills/react-best-practices

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

json-render/skills/react-email

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…

json-render/skills/react-native

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…

agent-skills/skills/react-native-skills

Mejores prácticas de React Native y Expo para construir aplicaciones móviles de alto rendimiento. Úselo al construir componentes de React Native, optimizar el rendimiento de listas, implementar…

json-render/skills/react-pdf

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…

json-render/skills/react-three-fiber

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…

next.js/.agents/skills/react-vendoring

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

json-render/skills/redux

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.

vercel-plugin/.claude/skills/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".

json-render/skills/remotion

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…

json-render/skills/remotion-best-practices

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

open-agents/.agents/skills/remove-demo-limits

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…

emulate/skills/resend

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…

next.js/.agents/skills/router-act

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.

vercel-plugin/skills/routing-middleware

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

vercel-plugin/skills/runtime-cache

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

next.js/.agents/skills/runtime-debug

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

sandbox/skills/sandbox

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

vercel-openclaw/.agents/skills/sandbox-lifecycle-debug

Depuración del ciclo de vida de sandbox para vercel-openclaw: creación, reanudación, detención, creación de instantáneas, reinicio, reconciliación de ejecución estancada, comportamiento persistente de Sandbox v2, hot…

vercel-openclaw/skills/sandbox-lifecycle-debug

Depuración del ciclo de vida de sandbox para vercel-openclaw: creación, reanudación, detención, instantáneas, restablecimiento, reconciliación de ejecuciones obsoletas, comportamiento persistente de Sandbox v2, hot…