Los equipos frontend suelen pasar por alto los requisitos de teclado, semántica y lectores de pantalla durante el trabajo rutinario de UI. Esta skill guía a Claude, Codex y Claude Code para aplicar comprobaciones de accesibilidad al crear o editar interfaces.

Los equipos frontend necesitan una estructura de componentes coherente entre frameworks. Esta skill guía a Claude, Codex y Claude Code para diseñar componentes de UI enfocados y reutilizables.

Los errores de frontend pueden ser difíciles de reproducir solo a partir del código. Esta skill guía a Claude, Codex y Claude Code en la recopilación de evidencia con Chrome DevTools MCP.

Las pruebas deficientes a menudo verifican mocks en lugar del comportamiento real de la aplicación. Esta habilidad proporciona a Claude, Codex y Claude Code una lista de verificación para un TDD más seguro, mocks enfocados y un diseño de pruebas más limpio.

Los errores complejos a menudo aparecen lejos de su desencadenante original. Esta skill guía el rastreo hacia atrás, la instrumentación dirigida y el aislamiento de pruebas para encontrar el origen.

Los equipos de extensiones de Chrome necesitan arquitectura Manifest V3 segura, permisos y soporte de revisión. Esta skill guía a Claude, Codex y Claude Code en tareas de diseño, implementación, pruebas y publicación seguras.

Los datos no válidos suelen eludir un único punto de validación y fallar más adelante durante la ejecución. Esta habilidad guía a Claude, Codex y Claude Code para agregar comprobaciones por capas que dificultan la reintroducción de errores recurrentes.

Las pruebas inestables suelen fallar porque estiman cuánto tarda el trabajo asíncrono. Esta skill muestra a Claude, Codex y Claude Code cómo esperar condiciones reales en lugar de demoras fijas.

Los autores de habilidades necesitan evidencia clara de sesiones reales de agentes. Esta habilidad extrae transcripciones y las convierte en prompts para mejorar o crear habilidades.

Los proyectos de código complejos son difíciles de entender, planificar y mejorar de forma consistente. Esta skill proporciona flujos de trabajo en tiempo de ejecución para exploración, aprendizaje, planificación, implementación, memoria y reflexión.

Las bases de código grandes hacen que la búsqueda de texto pase por alto patrones estructurales. Esta skill guía a Claude, Codex y Claude Code para usar ast-grep en búsquedas, linting y reescrituras conscientes de la sintaxis.

Las ediciones de código pueden perder contexto, sobrescribir trabajo o ser difíciles de revertir. Safe Edit añade copias de seguridad, diffs, notas de reversión, planificación modular y verificación.

Los repositorios desordenados dificultan la navegación, la propiedad del código y la refactorización. Esta skill proporciona diseños de carpetas seguros y flujos de trabajo de limpieza para proyectos JavaScript y frontend.

Las ideas de funcionalidades suelen fallar porque los requisitos y los límites de las tareas siguen sin estar claros. Esta habilidad convierte las respuestas de descubrimiento en un plan de implementación estructurado.

Las regresiones de rendimiento son difíciles de detectar cuando los equipos revisan LCP, INP y CLS tarde. Esta skill ofrece a Claude, Codex y Claude Code orientación enfocada para medir, diagnosticar y corregir problemas de Core Web Vitals.

Los valores hardcodeados hacen que el código sea más difícil de cambiar y pueden exponer secretos. Esta skill guía las revisiones hacia constantes, archivos de configuración y variables de entorno.

Conectar asistentes de IA con servicios requiere un diseño cuidadoso del servidor. Esta skill guía la planificación, la estructura en TypeScript, las anotaciones de herramientas, las pruebas y la evaluación de servidores MCP.

Los archivos de implementación grandes son difíciles de revisar, probar y mantener. Esta skill comprueba el recuento de líneas y guía la refactorización modular con umbrales claros.

Un manejo de errores débil oculta fallos y expone mensajes técnicos a los usuarios. Esta skill guía a Claude, Codex y Claude Code hacia patrones de recuperación más seguros.

Los equipos de API pierden tiempo cuando los contratos no son claros o se escriben después de la implementación. Esta skill guía el diseño OpenAPI-first, la generación de TypeScript, la validación, la documentación y los flujos de trabajo con mocks.