Los proyectos Vue.js a menudo sufren problemas de flujo de datos poco claros y errores de reactividad. Esta habilidad proporciona mejores prácticas integrales para el desarrollo de Vue 3 y Nuxt 3, incluyendo gestión de estado adecuada, patrones de componentes y arquitectura de flujo de datos.

Las aplicaciones Vue 3 encuentran errores de runtime, mensajes de advertencia, fallos asíncronos y problemas de hidratación SSR que son difíciles de depurar. Esta habilidad proporciona guías completas de depuración y soluciones para más de 100 problemas comunes de desarrollo de Vue 3.

Los proyectos Vue a menudo sufren de errores de reactividad y patrones incoherentes. Esta habilidad proporciona orientación sobre la API Composition de Vue 3, SSR y TypeScript con ejemplos concretos de lo que se debe y no se debe hacer.

Crear composables de Vue con tipos de entrada flexibles es desafiante. Esta habilidad proporciona un patrón para construir composables de grado biblioteca que aceptan tanto valores reactivos como no reactivos utilizando tipos MaybeRef y MaybeRefOrGetter.

Las pruebas de Playwright a menudo sufren de fragilidad, ejecución lenta y mala mantenibilidad. Esta habilidad revisa código de pruebas TypeScript contra más de 40 mejores prácticas probadas organizadas en 8 categorías, proporcionando sugerencias de mejora específicas con ejemplos claros.

Extrae descripciones, objetos y texto de imágenes utilizando las capacidades de visión por IA. Esta skill proporciona una integración de API sencilla para GPT-4o Vision a través de verging.ai.

Transforma videos de baja resolución o con ruido en salida nítida HD/4K. Esta skill automatiza el pipeline completo de mejora desde archivos locales o URLs de videos, entregando resultados sin edición manual.

Los desarrolladores necesitan una forma sencilla de añadir salida de voz a sus aplicaciones sin gestionar infraestructura de audio compleja. Esta skill proporciona acceso directo al modelo TTS-1-HD de OpenAI mediante una llamada API directa.

Convertir grabaciones de audio a texto manualmente es lento y propenso a errores. Esta skill proporciona una API sencilla para transcribir archivos de audio usando OpenAI Whisper, devolviendo texto preciso en segundos.

Crear imágenes con IA requiere gestionar claves de API, parámetros de solicitud y manejo de respuestas. Esta skill proporciona una interfaz lista para usar para generar imágenes a través de la API proxy de verging.ai, compatible con los modos de calidad estándar y HD.

Intercambiar caras en videos manualmente es lento y requiere software especializado. Esta skill automatiza todo el flujo de trabajo usando la API de verging.ai, aceptando archivos locales o URLs de YouTube/Bilibili como entrada y entregando el resultado directamente.

Los usuarios necesitan una forma sencilla de llamar a GPT-4o a través del proxy de verging.ai. Esta skill proporciona ejemplos de curl listos para usar tanto para finalizaciones de chat en streaming como sin streaming.

Elimina automáticamente los fondos de cualquier imagen para crear PNG transparentes profesionales. Perfecto para fotos de productos, retratos y trabajo de diseño sin edición manual.

Eliminar fondos de imágenes manualmente consume mucho tiempo y requiere software costoso. Esta habilidad automatiza el proceso usando la API de verging.ai, entregando resultados PNG transparentes desde cualquier archivo JPG, PNG o WebP.

Los sistemas de compilación de monorepo pueden ser complejos de configurar. Esta habilidad proporciona orientación experta sobre la configuración de pipelines de Turborepo, dependencias de tareas, estrategias de caché e integración CI para proyectos de JavaScript y TypeScript.

Claude puede revisar automáticamente el código UI contra las directrices de diseño web establecidas, detectando problemas de accesibilidad, problemas de usabilidad y violaciones de mejores prácticas antes del despliegue. Esta habilidad obtiene las últimas directrices y realiza análisis estáticos para identificar mejoras.

Agregar transiciones de página fluidas y animaciones de elementos compartidos a apps React requiere entender la API de Transiciones de Vista y sus patrones de integración. Esta habilidad proporciona guía paso a paso, recetas CSS y patrones de Next.js de Vercel Labs.

Para crear aplicaciones React Native de alto rendimiento, es necesario seguir patrones específicos de la plataforma para listas, animaciones y gestión del estado. Esta habilidad proporciona más de 35 reglas de agentes de IA para el desarrollo móvil optimizado.

Las aplicaciones React a menudo sufren problemas de rendimiento como re-renderizaciones innecesarios, tamaños de bundle grandes y cascadas de fetching secuencial de datos. Esta habilidad proporciona 45 reglas priorizadas de Vercel Engineering para eliminar estos cuellos de botella y construir aplicaciones web de alto rendimiento.

Construir componentes React con props booleanos conduce a código difícil de mantener. Esta habilidad proporciona listas de IA para usar componentes compuestos, elevar estado y componer internamente para crear arquitecturas de componentes escalables.