Los usuarios tienen dificultades para construir interfaces de chat responsivas que se actualicen en tiempo real a medida que las respuestas de IA se transmiten token por token. Esta habilidad proporciona patrones de código para manejadores de ciclo de vida, indicadores de progreso y efectos del lado del cliente para crear experiencias de transmisión fluidas.

Crear agentes de IA desde cero requiere comprender patrones asíncronos, integración de herramientas y traspasos entre múltiples agentes. Esta habilidad proporciona patrones de andamiaje listos para producción para que puedas enfocarte en la lógica de tu agente en lugar de código repetitivo.

Crear backends de producción con patrones adecuados requiere investigación en múltiples fuentes de documentación. Esta habilidad proporciona patrones de código listos para usar con FastAPI, SQLModel, pub/sub de Dapr y autenticación JWT para que puedas comenzar a desarrollar inmediatamente.

El desarrollo con Next.js requiere visibilidad de rutas, componentes y configuración de compilación. Esta skill proporciona herramientas basadas en MCP para inspeccionar la estructura de tu app Next.js, depurar problemas de enrutamiento y examinar ajustes de compilación directamente desde tu asistente de IA.

Los desarrolladores frontend necesitan definiciones de tipos TypeScript consistentes para garantizar la seguridad de tipos en toda la aplicación. Esta habilidad proporciona patrones y convenciones para crear tipos que coincidan con las respuestas de la API del backend.

Construir componentes Next.js con el patrón incorrecto conduce a problemas de rendimiento, errores de hidratación y una mala experiencia de usuario. Esta skill proporciona patrones para componentes de servidor y cliente, cumplimiento de accesibilidad y mejores prácticas de React para construir componentes frontend eficientes y accesibles.

Crea interfaces de usuario atractivas con animaciones fluidas. Esta habilidad proporciona patrones de código listos para usar para efectos hover, transiciones de página, animaciones de scroll e interacciones complejas con gestos en aplicaciones React y Next.js.

Los límites de contexto causan comportamiento inesperado de IA y costos elevados. Esta habilidad te enseña a diseñar, presupuestar y optimizar el contexto en sistemas de agentes utilizando patrones probados como divulgación progresiva y ubicación consciente de la atención.

Next.js 16 introduce cambios incompatibles que causan errores comunes. Esta skill proporciona patrones correctos para params asincrónicos, server actions, layouts y middleware. Úsala para evitar fallos de compilación e implementar diseño frontend distintivo.

Crear widgets de chat con botones, formularios y acciones es complejo y no está documentado. Esta habilidad proporciona patrones completos para el manejo de widgets del lado del cliente y del servidor, etiquetado de entidades y herramientas de composición para que puedas construir interfaces de IA interactivas más rápido.

Crea servidores MCP que permitan a Claude y otros LLMs interactuar con APIs y servicios externos mediante herramientas bien diseñadas. Esta guía cubre implementaciones con Python FastMCP y el SDK MCP de TypeScript, con autenticación, despliegue con Docker y patrones de pruebas.

Crear interfaces de chat con IA requiere backends personalizados, autenticación e inyección de contexto. Esta habilidad proporciona patrones listos para producción para ChatKitServer, hooks useChatKit y proxies de cookies httpOnly para construir experiencias de chat seguras.

Las tareas de automatización web requieren navegación manual y llenado repetitivo de formularios. Esta habilidad proporciona una interfaz de Model Context Protocol a Playwright, permitiendo a los asistentes de IA navegar por páginas, interactuar con elementos, extraer datos y tomar capturas de pantalla programáticamente.

¿Necesitas agregar nuevas rutas API a tu servidor Catalyst-Relay pero no estás seguro del patrón adecuado? Esta habilidad proporciona la plantilla completa para crear endpoints con validación Zod, formatos de respuesta consistentes y documentación apropiada.

Necesita extender Catalyst-Relay con nueva lógica de negocio para la integración de SAP ADT. Esta skill proporciona los patrones y la lista de verificación para agregar funciones puras, operaciones ADT y código consumible por bibliotecas que sigue las convenciones del proyecto.

Crear habilidades efectivas desde cero requiere conocimiento del formato de habilidad. Esta guía proporciona un proceso paso a paso con scripts de utilidad para inicializar, validar y empaquetar habilidades que extienden Claude con conocimientos especializados y flujos de trabajo.

Crear servidores MCP desde cero requiere entender especificaciones del protocolo, patrones SDK y métodos de evaluación. Esta habilidad proporciona un flujo de trabajo estructurado de cuatro fases para crear servidores MCP listos para producción con diseño adecuado de herramientas, validación de entrada y pruebas comprehensivas. Incluye implementaciones de referencia para Python y TypeScript, marcos de evaluación y mejores prácticas de seguridad.

Crear artefactos HTML sofisticados para conversaciones con Claude requiere herramientas complejas. Esta skill proporciona un flujo de trabajo de desarrollo completo con React, Vite y componentes de shadcn/ui para construir, empaquetar y compartir artefactos de nivel profesional.

Elimina errores en tiempo de ejecución y construye confianza en tu código con seguridad de tipos de extremo a extremo. Esta habilidad enseña patrones modernos de TypeScript usando validación Zod, APIs tRPC y Prisma ORM para aplicaciones full-stack a prueba de fallos.

Construir routers tRPC y esquemas Zod manualmente lleva 20-30 minutos por punto final con riesgo de errores de tipos y exportaciones faltantes. Este skill estructura puntos finales completos seguros en tipos con esquemas de validación, patrones de ejemplo y verificaciones automáticas de registro.