Skills publicadas
fixing-motion-performance
Audita y corrige problemas de rendimiento de animación, como layout thrashing, propiedades del compositor, movimiento vinculado al desplazamiento y efectos de desenfoque. Úsalo cuando las animaciones se entrecortan, las transiciones fallan o al revisar el rendimiento de animaciones CSS/JS.
interface-design
Esta habilidad es para el diseño de interfaces — paneles de control, paneles de administración, aplicaciones, herramientas y productos interactivos. NO para diseño de marketing (páginas de destino, sitios de marketing, campañas).
baseline-ui
Valida duraciones de animación, aplica la escala tipográfica, verifica la accesibilidad de los componentes y previene anti-patrones de diseño en proyectos Tailwind CSS. Úselo al construir componentes de UI, revisar utilidades CSS, estilizar vistas de React o asegurar la consistencia del diseño.
fixing-accessibility
Audita y corrige problemas de accesibilidad HTML, incluyendo etiquetas ARIA, navegación por teclado, gestión de enfoque, contraste de color y errores de formulario. Úsalo al añadir controles interactivos, formularios, diálogos o al revisar la conformidad con WCAG.
fixing-metadata
Auditar y corregir metadatos HTML, incluyendo títulos de página, meta descripciones, URLs canónicas, etiquetas Open Graph, Twitter cards, favicons, datos estructurados JSON-LD y directivas robots. Utilizar al añadir metadatos SEO, corregir previsualizaciones de redes sociales, revisar etiquetas Open Graph, configurar URLs canónicas o lanzar nuevas páginas que necesiten meta etiquetas correctas.
go-style-guide
Mejores prácticas de programación Go y guía de estilo para escribir, revisar, refactorizar y modernizar código Go. Úselo para revisiones de código Go, patrones de concurrencia, manejo de errores, diseño de API, código sensible al rendimiento, pruebas, linting, compatibilidad de versiones de Go y decisiones de estilo Go idiomático.
numscript-guidelines
Numscript es un Lenguaje de Dominio Específico (DSL) diseñado para modelar transacciones financieras complejas, reemplazando código personalizado complejo y propenso a errores con scripts declarativos y fáciles de leer.
react-patterns
Experto integral en patrones de React 19, cubriendo Server Components, Actions, hook use(), useOptimistic, useFormStatus, useFormState, React Compiler, características concurrentes, Suspense y desarrollo moderno con TypeScript. Utilícelo proactivamente para cualquier desarrollo React, arquitectura de componentes, gestión de estado, optimización del rendimiento o al implementar las últimas características de React 19.
tailwind-css-patterns
Patrones completos de estilizado utility-first con Tailwind CSS, abarcando diseño responsivo, layout, flexbox, grid, espaciado, tipografía, colores y mejores prácticas CSS modernas. Ideal para estilizar componentes React/Vue/Svelte, crear layouts responsivos u optimizar el flujo de trabajo CSS.
wcag-audit-patterns
Realiza auditorías de accesibilidad WCAG 2.2 con pruebas automatizadas, verificación manual y orientación para la remediación. Úsalo al auditar sitios web para accesibilidad, corregir violaciones de WCAG o implementar patrones de diseño accesibles.
Alerta por categoría