JavaScript

repo-scan es una habilidad de auditoría de código multistack que clasifica archivos, detecta bibliotecas de terceros incrustadas y te ayuda a decidir qué es núcleo, qué está duplicado y qué es peso muerto. Resulta útil para revisión de código con repo-scan, migraciones de legado y planificación de refactors. Consulta en la habilidad la guía de instalación y de uso de repo-scan.

nuxt4-patterns es una skill para Nuxt 4 centrada en la seguridad de hydration, las route rules, la carga diferida y la obtención de datos segura para SSR. Usa la skill nuxt4-patterns para tomar mejores decisiones de Frontend Development, reducir desajustes y aplicar el patrón adecuado en cada página o componente.

La skill nodejs-keccak256 te ayuda a evitar un error común en Ethereum en JavaScript y TypeScript: usar el sha3-256 de Node cuando en realidad necesitas Keccak-256. Es útil para desarrollo backend, selectores, topics de eventos, firmas, storage slots y derivación de direcciones, con guía práctica de uso de nodejs-keccak256.

La skill nextjs-turbopack te ayuda a usar Turbopack en Next.js 16+ para acelerar el desarrollo local, mejorar el HMR y tomar decisiones sobre el bundler. Úsala como una guía práctica de nextjs-turbopack para instalarlo, usarlo y decidir cuándo volver a webpack en flujos de Frontend Development.

nanoclaw-repl es una skill REPL con estado de sesión para operar y ampliar NanoClaw v2. Ofrece sesiones persistentes basadas en Markdown, ramificación, búsqueda, compactación, cambio de modelo y exportación para automatización de flujos de trabajo. Usa esta guía de nanoclaw-repl para mantener las tareas locales deterministas y fáciles de reanudar.

frontend-slides te ayuda a crear presentaciones HTML con muchas animaciones desde cero o convirtiendo archivos PowerPoint. Usa la skill frontend-slides para charlas, pitch decks, talleres, demos internas y frontend-slides para diseño de UI cuando busques exploración visual, salida en navegador sin dependencias y diapositivas que encajen en una sola ventana de visualización.

frontend-patterns es una skill práctica para el desarrollo frontend con React y Next.js, pensada para ayudarte a elegir patrones mantenibles en componentes, estado, formularios, enrutado, accesibilidad y rendimiento. Usa la guía de frontend-patterns cuando necesites orientación clara para implementar y seleccionar patrones, no solo buenas prácticas genéricas.

La skill coding-standards ofrece una base común para nombres, legibilidad, inmutabilidad, consistencia y revisión de código entre proyectos, antes de aplicar reglas específicas de cada framework.

La skill bun-runtime te ayuda a elegir Bun para nuevos proyectos de JavaScript o TypeScript, migraciones desde Node, scripts, pruebas y entornos en Vercel. Cubre el uso de bun-runtime, orientación de instalación, comparativas Bun vs Node y flujos de trabajo prácticos para desarrollo frontend y full-stack.

Aprende la skill de agentic-engineering para ejecución con enfoque eval-first, descomposición de tareas, enrutamiento de modelos y automatización de flujos más segura con comprobaciones de regresión.

browse es una skill rápida de navegador sin interfaz para QA, dogfooding y automatización del navegador. Úsala para abrir páginas, interactuar con elementos, verificar estados, comparar antes y después de acciones, capturar capturas de pantalla y comprobar diseños responsivos, formularios, subidas, diálogos y estados de elementos. Instala browse cuando necesites evidencia del navegador en lugar de un prompt genérico.

setup-pre-commit te ayuda a añadir hooks pre-commit de Husky con lint-staged, Prettier y, de forma opcional, comprobaciones de tipos y pruebas. Usa esta guía de setup-pre-commit cuando tu repo necesite una red de seguridad rápida y repetible antes del commit, y quieras conservar la configuración existente mientras añades los scripts adecuados para el gestor de paquetes actual.

tdd es una skill de Desarrollo Guiado por Tests para crear funcionalidades, corregir errores y escribir pruebas duraderas con el ciclo rojo-verde-refactoriza. Prioriza pruebas centradas en el comportamiento a través de interfaces públicas, mocking solo en los límites y orientación práctica para automatización de pruebas, refactorización y diseño de interfaces.

La skill prototype te ayuda a crear código desechable que responda una pregunta concreta antes de comprometerte con una implementación real. Úsala para probar lógica, transiciones de estado, forma de datos o la dirección de una UI con un prototipo ejecutable que siga las convenciones del repositorio anfitrión. Es ideal cuando necesitas una guía rápida de prototipado, no una funcionalidad final.

ckm:design-system te ayuda a crear tokens en tres capas, especificaciones de componentes, variables CSS, mapeos a Tailwind y slides de marca coherente a partir de una arquitectura clara de tokens.

paypal-integration ayuda a desarrolladores a planificar y preparar flujos de checkout, suscripciones, payouts, IPN y reembolsos de PayPal. Úsala para elegir entre enfoques con JavaScript SDK o REST API, generar código base y definir flujos de pago de e-commerce con una dirección de implementación más clara.

nodejs-backend-patterns es una guía práctica para crear servicios backend con Node.js usando Express o Fastify. Cubre middleware, autenticación, manejo de errores, capas de repositorio, DI, caché e integración con bases de datos para APIs pensadas para producción.

typescript-advanced-types es una skill centrada en el diseño avanzado de tipos en TypeScript. Cubre genéricos, tipos condicionales, mapped types, template literal types y patrones de utilidad para crear código frontend y librerías más seguros.

modern-javascript-patterns es una referencia práctica de ES6+ para refactorizar JavaScript heredado y adoptar async/await, módulos, destructuring y patrones funcionales con arrays. Úsala para modernizar código frontend o JavaScript general con una sintaxis más clara, mejores decisiones de diseño y mayor mantenibilidad.

javascript-testing-patterns ayuda a los agentes a redactar pruebas y configuraciones de testing en JS/TS con Jest, Vitest y Testing Library. Úsala para planificar pruebas unitarias, de integración y de UI, con patrones para mocks, fixtures, cobertura y prompts de Test Automation más sólidos.

nextjs-app-router-patterns ayuda a planificar la arquitectura de Next.js 14+ con App Router, incluidos Server Components, streaming, caché, route handlers y Server Actions para desarrollo full-stack y migraciones desde Pages Router.

dependency-upgrade es una skill para planificar actualizaciones mayores de dependencias con revisión de semver, análisis de compatibilidad, despliegue por fases y pruebas. Úsala para auditar paquetes de npm o yarn, inspeccionar árboles de dependencias, resolver conflictos y orientar actualizaciones más seguras de frameworks o librerías en flujos de trabajo de Code Editing.

react-modernization es una skill centrada en migraciones para actualizar aplicaciones de React 16/17 a 18+, convertir componentes de clase a hooks, renovar las APIs de root y planificar refactors por etapas con orientación compatible con codemods.

vercel-react-native-skills es una skill de React Native y Expo para desarrollo frontend orientado al rendimiento. Úsala para mejorar el renderizado de listas, las animaciones, la navegación, los patrones de UI, la gestión del estado y la configuración de módulos nativos. Incluye reglas prácticas, guía de instalación y patrones de uso para abordar cuellos de botella en apps móviles con menos improvisación.