Los proyectos frontend suelen derivar hacia patrones inconsistentes, accesibilidad débil y comportamientos riesgosos del lado del cliente. Esta skill aplica estándares prácticos que mantienen el trabajo de UI reutilizable, seguro, adaptable y mantenible.

Las malas elecciones de animación pueden causar interfaces entrecortadas y trabajo de renderizado costoso. Esta skill proporciona a Claude, Codex y Claude Code reglas enfocadas para revisar y mejorar el movimiento.

Los metadatos incompletos pueden perjudicar la indexación en buscadores, las vistas previas de enlaces y la presentación en el navegador. Esta skill ofrece reglas concretas para títulos, canonicals, tarjetas sociales, iconos, manifiestos y JSON-LD.

Los defectos de accesibilidad hacen que las interfaces sean más difíciles de usar y pueden impedir que los usuarios completen flujos de trabajo clave. Esta skill proporciona a Claude, Codex y Claude Code reglas claras para realizar correcciones enfocadas de accesibilidad en la interfaz.

Los problemas de calidad del código ralentizan las revisiones y hacen que los cambios sean riesgosos. Esta skill encuentra problemas de Clean Code y ofrece orientación de refactorización priorizada.

Las refactorizaciones basadas en AST son difíciles de expresar con búsquedas de texto plano. Esta skill ayuda a Claude, Codex y Claude Code a crear y perfeccionar reglas de ast-grep.

Los desarrolladores de React necesitan formas rápidas de encontrar piezas de UI animadas y pulidas. Esta habilidad busca en ReactBits y guía la integración de componentes en proyectos de React y Next.js.

Los proyectos Swift requieren muchas herramientas entre Xcode, SPM, simuladores, pruebas, formateo y firma. Esta skill proporciona a Claude orientación estructurada y scripts para flujos de trabajo comunes de desarrollo para iOS y macOS.

Los equipos necesitan hooks confiables para validar el uso de herramientas y aplicar reglas de flujo de trabajo. Esta skill guía a usuarios de Claude, Codex y Claude Code en patrones de diseño, pruebas y migración de hooks.

Los proyectos nuevos suelen requerir muchas decisiones de configuración antes de que pueda comenzar el trabajo útil. Esta skill guía esas decisiones y crea archivos iniciales para stacks de software comunes.

Los proyectos de PowerShell necesitan una estructura coherente, parámetros seguros y orientación actualizada sobre módulos. Esta skill ayuda a crear scripts, módulos e interfaces gráficas usando referencias prácticas de PowerShell.

Lanzar un producto web pulido requiere pasos de configuración, diseño, seguridad y despliegue. Esta skill guía a Claude, Codex y Claude Code a través de flujos de trabajo para sitios web y apps con Higgsfield CLI.

Creating a coherent browser game requires coordinated design, assets, code, testing, and deployment. This skill guides that workflow through Higgsfield CLI and bundled asset tools.

Las animaciones nativas del navegador pueden desviarse en HyperFrames cuando el tiempo no es determinista. Esta skill muestra patrones de WAAPI para animaciones buscables, pausadas y finitas.

Los efectos GPU en HyperFrames necesitan temporización determinista y captura de fotogramas. Esta skill proporciona patrones de WebGPU, TypeGPU y GSAP para composiciones de canvas listas para renderizar.

El renderizado de Three.js con precisión de fotograma es difícil cuando las escenas dependen de animaciones basadas en el reloj del sistema. Esta skill muestra patrones de HyperFrames que renderizan desde el tiempo de hf-seek.

Los proyectos con runtime de navegador de Tailwind v4 pueden fallar cuando los equipos aplican patrones antiguos de v3. Esta skill proporciona a Claude, Codex y Claude Code orientación precisa sobre HyperFrames para lograr estilos estables.

La migración manual de Remotion puede pasar por alto diferencias de temporización, contenido multimedia y renderizado. Esta habilidad asigna composiciones de React compatibles a HyperFrames y valida la fidelidad visual.

Los proyectos de HyperFrames necesitan una reproducción Lottie determinista en lugar de desviaciones en la línea de tiempo. Esta skill muestra la carga de recursos locales, el registro de reproductores y patrones de validación para lottie-web y dotLottie.

El trabajo de animación en HyperFrames necesita decisiones precisas sobre temporización, efectos y rendimiento en GSAP. Esta skill ofrece referencias enfocadas para tweens, timelines, texto con efecto máquina de escribir y visuales reactivos al audio.