Los equipos de React necesitan animaciones fluidas sin reconstruir patrones desde cero. Esta skill proporciona referencias, plantillas y ejemplos de Framer Motion para trabajos habituales de movimiento en interfaces de usuario.

Los autores de habilidades necesitan orientación repetible para diseñar habilidades que se activen correctamente y se empaqueten de forma limpia. Esta habilidad proporciona reglas de estructura, scripts iniciales, pasos de validación y patrones de revisión para flujos de trabajo de Claude, Codex y Claude Code.

Las conversaciones largas con IA pueden volverse lentas, costosas y menos fiables a medida que crece el contexto. Esta habilidad proporciona técnicas prácticas de compresión, enmascaramiento, almacenamiento en caché y particionamiento.

La configuración de OAuth/OIDC es propensa a errores entre servidores de autenticación, clientes, almacenamiento de tokens y redirecciones. Esta skill guía la configuración del servidor Better Auth y del cliente SSO de Next.js con patrones para PKCE, JWKS, refresh, logout y verificación de correo electrónico.

Next.js 16 cambió los patrones de routing, params, archivos proxy y caching. Esta skill ofrece a Claude, Codex y Claude Code orientación específica para implementaciones correctas.

El chat solo de texto no puede admitir flujos de trabajo de tareas enriquecidos. Esta skill ayuda a los equipos a diseñar widgets interactivos, acciones, etiquetado de entidades y manejadores de servidor.

Los equipos necesitan chat de IA seguro que conecte la interfaz de usuario, la autenticación, los agentes backend y el contexto. Esta skill proporciona patrones de ChatKit para React, Next.js, backends en Python y flujos de proxy con cookies.

Crear ChatGPT Apps requiere metadatos específicos de widgets, una estructura de servidor y pasos de prueba. Esta skill proporciona plantillas y orientación para crear Apps interactivas con servidores MCP y widgets incrustados.

Las pruebas manuales en el navegador y la recopilación de datos pueden ser lentas y difíciles de repetir. Esta habilidad ofrece a Claude, Codex y Claude Code un flujo de trabajo local de Playwright MCP para acciones controladas en el navegador.

Crear rutas de Catalyst-Relay requiere esquemas, handlers, registro y documentación consistentes. Esta skill guía la estructura de endpoints, el cableado de Hono, los envoltorios de respuesta, el mapeo de cliente y la documentación.

La lógica empresarial central puede volverse inconsistente cuando cada función sigue una estructura diferente. Esta skill guía a Claude, Codex y Claude Code a través de las convenciones de Catalyst-Relay.

Los proyectos TypeScript suelen perder seguridad en los límites de API, base de datos y validación. Esta skill muestra patrones prácticos de Zod, tRPC, Prisma y TypeScript que mantienen los datos tipados de extremo a extremo.

Crear routers tRPC y schemas Zod consistentes requiere trabajo de configuración repetitivo. Esta skill proporciona scripts, plantillas y ejemplos para generar andamiaje de endpoints alineado con el proyecto.

Los equipos suelen pasar por alto una cobertura de pruebas crítica al planificar nuevas funcionalidades o mejorar sistemas heredados. Esta skill convierte el contexto del proyecto en planes de prueba prácticos, objetivos de cobertura y puertas de calidad.

Las funcionalidades en tiempo real fallan cuando los patrones de streaming omiten contrapresión, reconexión y limpieza. Esta skill proporciona patrones de SSE, WebSocket y ReadableStream para Claude, Codex y Claude Code.

React Server Components requieren límites cuidadosos entre servidor y cliente. Esta skill proporciona patrones, plantillas y listas de verificación de Next.js App Router para la implementación.

Los proyectos de DevPrep AI necesitan estándares coherentes de TypeScript, importaciones, nomenclatura y arquitectura. Esta skill ejecuta comprobaciones locales y ofrece orientación enfocada para corregir infracciones de calidad.

Los equipos suelen dedicar tiempo a reconstruir el marcado de prototipos como componentes mantenibles. Esta skill convierte exportaciones de HTML, CSS y Figma en componentes frontend tipados con tokens y guía de accesibilidad.

Las aplicaciones lentas perjudican a los usuarios y aumentan los costos de infraestructura. Esta skill guía el perfilado, el almacenamiento en caché, el ajuste de bases de datos, la optimización frontend, las mejoras de API y la monitorización.

Los equipos pierden tiempo recreando manualmente carpetas de módulos, archivos iniciales y patrones de importación. Esta skill crea módulos de DevPrep AI consistentes y verifica reglas clave de calidad en TypeScript.