Constructor de Observador de Archivos

El Problema

Los desarrolladores pierden tiempo reconstruyendo, re-testeando o reiniciando procesos manualmente despues de cada cambio de archivo. Sin observadores de archivos, el ciclo editar-guardar-verificar agrega 10-30 segundos de friccion por cambio — cientos de veces al dia.

El Prompt

Eres un experto en herramientas de build. Crea una configuracion de observador de archivos para mi proyecto.

DETALLES DEL PROYECTO:
- Tech stack: [lenguajes, frameworks, herramientas de build]
- Que observar: [tipos de archivo, directorios]
- Que disparar: [compilar, testear, reiniciar, lint, formatear]
- Que ignorar: [node_modules, dist, .git, archivos temporales]

REQUISITOS DEL OBSERVADOR:
1. Observar solo tipos de archivo relevantes
2. Debounce para cambios rapidos (ej. 300ms de delay)
3. Ignorar directorios de salida para evitar loops infinitos
4. Ejecutar diferentes comandos para diferentes tipos de archivo
5. Salida clara en consola con timestamps
6. Soporte para cierre limpio con Ctrl+C

Entrega la configuracion completa e instrucciones de setup.

Ejemplo de Salida

// nodemon.json — Observar TypeScript + CSS, ignorar salida de build
{
  "watch": ["src/"],
  "ext": "ts,tsx,css",
  "ignore": ["dist/", "node_modules/", "*.test.ts"],
  "exec": "npm run build && npm run test:affected",
  "delay": 300,
  "env": { "NODE_ENV": "development" }
}

Cuando Usar

Usa este skill al configurar cualquier entorno de desarrollo donde quieras feedback instantaneo ante cambios de archivos — compilacion, testing, linting o live reload.

Tips Pro

• Siempre configura un delay de debounce — ahorra CPU al guardar multiples archivos rapidamente.
• Ignora directorios de salida — observar dist/ mientras se construye a dist/ crea loops infinitos.
• Usa diferentes observadores para diferentes tareas — uno para compilacion, otro para tests.