Profile My skills Saved Collections Edit profile Submit a skill

← all publishers

lucaszhh

@lucaszhh source repo

16 published skills

  1. ▌
    Vite To Nextjs App Router · lucaszhh
    Migrate a Vite + React Router SPA to Next.js App Router in production. Codified from a real migration on a +500k-user government platform (Mendoza por Mí). Use when the user asks to migrate a Vite/CRA app to Next.js, or to adopt App Router routing, SSR, or server components incrementally.
    0
    installs
  2. ▌
    Nestjs Architect · lucaszhh bundle
    Define y evalúa la arquitectura del proyecto NestJS. Estructuración modular, separación de conceptos en presentación/dominio/datos (Clean Architecture / DDD) e integración de infraestructura técnica de manera desacoplada. Escribe su entregable en .agents/plans/<nombre>.md en lugar de responder en el hilo de chat.
    0
    installs
  3. ▌
    Nestjs Developer · lucaszhh bundle
    Desarrolla e implementa el código backend para proyectos NestJS. Programación limpia, DI desacoplada, mappers estáticos, patrón Result y especificaciones de empaquetado X-Road.
    0
    installs
  4. ▌
    Nextjs Architect · lucaszhh bundle
    Planificación arquitectónica frontend antes de codificar. Define data flow, matriz RSC (Server vs Client Components), servicios HTTP, hooks de React Query y schemas zod. Escribe directo a .agents/plans/<feature>.md. Usar con "revisá la arquitectura", "planificá esta feature", "cómo estructuro X", "armame el plan".
    0
    installs
  5. ▌
    Nestjs Unit Tester · lucaszhh bundle
    Desarrolla y ejecuta pruebas unitarias para proyectos NestJS. Testing con Jest, inyección de mocks en TestingModule, patrón AAA (Arrange-Act-Assert) y validación del patrón Result.
    0
    installs
  6. ▌
    Nextjs Debug Flow · lucaszhh bundle
    Debugging sistemático en 4 fases: investigar, analizar, hipotetizar, implementar. Regla de hierro: no se aplica ningún fix sin identificar la causa raíz. Usar con "debuggeá esto", "por qué falla", "investigá el error", "root cause", "arreglá este bug", "antes funcionaba y ahora no".
    0
    installs
  7. ▌
    Nextjs Code Health · lucaszhh bundle
    Dashboard de calidad de código. Ejecuta linter y type checker del proyecto, analiza estructura de módulos y detecta deuda técnica. Computa un score compuesto 0-10. Usar con "health check", "cómo está el código", "code quality", "quality score", "run all checks", al final de cada cadena de skills.
    0
    installs
  8. ▌
    Nextjs Code Review · lucaszhh bundle
    Code review del diff contra la branch base. Analiza estructura, convenciones, estados de UI, tipos y seguridad. Cada hallazgo clasificado por severidad (CRÍTICO/ALTO/MEDIO/BAJO). Usar con "revisá el diff", "code review", "checkeá mis cambios", "revisame este PR", antes de mergear.
    0
    installs
  9. ▌
    Nextjs Design Audit · lucaszhh bundle
    QA visual sobre lo ya codeado. Encuentra inconsistencias de espaciado, jerarquía, tipografía, color, responsive y motion. Arregla iterativamente cada issue con screenshots before/after y commits atómicos. Usar con "auditá el diseño", "visual QA", "revisá la UI", "design polish", después de implementar cambios visuales o nuevos componentes.
    0
    installs
  10. ▌
    Nextjs Design Craft · lucaszhh bundle
    Diseñar, rediseñar, pulir, auditar o mejorar interfaces frontend. Cubre landing pages, dashboards, componentes, formularios, settings, onboarding, empty states. Maneja UX, jerarquía visual, accesibilidad, performance, responsive, tipografía, color, motion, micro-interacciones y design systems. Usar con "diseñá este componente", "rediseñá la landing", "mejorá la UI", "puli esta pantalla", "hacelo más premium".
    0
    installs
  11. ▌
    Component QA · lucaszhh bundle
    QA de componentes de @design-system/react con Storybook Test Runner. Valida compilación, a11y automatizado (axe-core WCAG 2.1 AA), paridad visual, variantes y cero tokens hex/px hardcodeados. Usar con "hacé QA del componente", "validá el Button", "corré el test runner".
    0
    installs
  12. ▌
    Generate Changelog · lucaszhh bundle
    Genera o actualiza CHANGELOG.md basándose en release-notes/*.md siguiendo SemVer y Keep a Changelog en español. Protegido contra duplicados e inyección directa a disco. Usar con "generar changelog", "actualizar changelog", "procesar release notes", "changelog de la versión".
    0
    installs
  13. ▌
    Generate Pr Report · lucaszhh bundle
    Genera la descripción de PR/MR desde el diff contra develop usando three-dot diff y merge-base. Detecta env vars nuevas (Next.js, LoopBack, Nest, Go, Vite) con alertas críticas, agrupa cambios por capa arquitectónica y escribe a disco. Usar con "generar reporte de PR", "reporte de issue", "describir MR".
    0
    installs
  14. ▌
    Design Token Sync · lucaszhh bundle
    Sincroniza design tokens entre Figma y el monorepo de design-system (packages/tokens/src/*.json). Valida sintaxis JSON, detecta variables modificadas o eliminadas y compila Style Dictionary. Usar con "sincronizá los tokens", "actualizá los tokens desde Figma", "sync tokens", "cambió el color en Figma".
    0
    installs
  15. ▌
    Generate QA Checklist · lucaszhh bundle
    Genera qa_checklist.md para QA desde el three-dot diff contra develop. Mapea flujos directos, indirectos y de regresión con matrices de happy path, edge cases y negativos. Incluye precondiciones de ambiente y env vars. Usar con "generar qa checklist", "casos de prueba", "checklist de qa".
    0
    installs
  16. ▌
    Component Migrator · lucaszhh bundle
    Migra componentes del frontend legacy al monorepo @design-system/react. Adapta a MUI, configura theme augmentation, barrel export y story en Storybook. Escribe directo a disco. Usar con "migrá este componente", "extraé X al design system", "traé el Button al DS", "mover componente legacy".
    0
    installs