Crear habilidades de IA sin pruebas conduce a documentación que los agentes ignoran bajo presión. Esta habilidad aplica desarrollo guiado por pruebas a la creación de habilidades: ejecuta escenarios fallidos primero, documenta los fallos, escribe habilidades que aborden esas brechas específicas, luego verifica el cumplimiento.

Usa esta habilidad para generar planes de implementación exhaustivos con tareas fáciles de digerir antes de escribir código. Estructura las tareas en pasos de 2-5 minutos con rutas de archivo exactas, comandos de prueba y mensajes de commit.

Esta habilidad corrige errores de accesibilidad en PageSpeed Insights y Lighthouse causados por fallos de contraste de color. Escanea patrones CSS que provocan fallos en auditorías de accesibilidad y proporciona patrones de corrección probados para mejorar tu rendimiento SEO.

Esta habilidad audita automáticamente las interfaces web contra las Pautas de Interfaz Web de Vercel, identificando problemas de accesibilidad, problemas de UX y violaciones de cumplimiento de diseño en tu código UI.

Crear artefactos React con múltiples componentes para conversaciones de Claude requiere configuración y empaquetado complejos. Esta habilidad automatiza la configuración del proyecto con React 18, TypeScript, Tailwind CSS y más de 40 componentes shadcn/ui, luego empaqueta todo en un único archivo HTML.

Las pruebas de aplicaciones web locales requieren automatización de navegador confiable sin configuración manual. Este toolkit proporciona scripts de Playwright y utilidades de gestión de servidores para optimizar los flujos de trabajo de pruebas frontend.

Esta habilidad evita que los agentes de IA hagan afirmaciones falsas de finalización al requerir evidencia real de verificación antes de reportar éxito. Asegura que las pruebas pasen, las compilaciones se completen y el trabajo esté genuinamente completo.

Construir aplicaciones React de alto rendimiento requiere comprender patrones complejos de optimización. Esta habilidad proporciona 45 reglas priorizadas de Vercel Engineering para guiar a la IA en la escritura, revisión y refactorización de código React y Next.js para un rendimiento óptimo.

Despliega cualquier proyecto en Vercel sin autenticación ni configuración. Esta habilidad empaqueta tu código, detecta automáticamente tu framework y devuelve URLs de vista previa en vivo en segundos.

Esta meta-habilidad establece una disciplina crítica del flujo de trabajo al requerir que Claude Code verifique e invoque las habilidades relevantes antes de cualquier respuesta o acción, previniendo oportunidades perdidas y racionalización.

Los worktrees de git permiten trabajar en ramas simultáneamente sin cambiar de contexto. Esta habilidad proporciona selección sistemática de directorios y verificación de seguridad para un aislamiento confiable del espacio de trabajo.

Crear diseños profesionales de UI/UX requiere un conocimiento profundo de accesibilidad, teoría del color, tipografía y patrones específicos de la tecnología. Esta habilidad proporciona una base de datos consultable de más de 50 estilos de diseño, paletas de colores, combinaciones de fuentes y guías de implementación para ayudarte a crear interfaces pulidas más rápido.

Transforma documentos y presentaciones simples en artefactos visualmente pulidos con temas de diseño seleccionados. Elige entre 10 temas preconstruidos o crea estilos personalizados que coincidan con la identidad de tu marca.

Escribir pruebas después del código genera falsa confianza y casos extremos perdidos. Esta habilidad impone la disciplina de TDD: escribe primero una prueba que falle, luego implementa solo el código necesario para pasar.

Las correcciones aleatorias desperdician tiempo y crean nuevos errores. Esta habilidad proporciona un marco de depuración de cuatro fases que encuentra las causas raíz antes de implementar soluciones, evitando el esfuerzo desperdiciado en correcciones basadas en síntomas.

Los agentes de IA a menudo tienen dificultades con implementaciones complejas de múltiples tareas. Esta habilidad lo resuelve dispatchando subagentes frescos para cada tarea con revisiones obligatorias de cumplimiento de especificaciones y calidad de código.

Crear GIFs animados optimizados para Slack usando PIL de Python. Generar animaciones personalizadas con funciones de easing y optimización automática del tamaño del archivo para contextos de emoji y mensajes.

Crear habilidades efectivas de IA requiere entender la gestión de contexto, la divulgación progresiva y el diseño de recursos reutilizables. Esta habilidad proporciona un marco completo para crear habilidades modulares que extienden las capacidades de Claude sin desperdiciar espacio en la ventana de contexto.

Los desarrolladores a menudo pasan por alto problemas en su propio código porque están demasiado cerca de la implementación. Esta habilidad despacha un subagente de IA para revisar los cambios de código frente a los requisitos, verificando calidad, arquitectura, pruebas y preparación para producción antes de fusionar.

La revisión de código requiere evaluación técnica, no desempeño emocional. Esta habilidad proporciona un patrón estructurado para verificar los comentarios de revisión antes de la implementación, asegurando la corrección técnica sobre la comodidad social.