name: modo-produccion
description: Revisa una app/landing, detecta problemas típicos, propone mejoras y aplica correcciones con un checklist fijo para dejarlo listo para enseñar o publicar.

Modo Producción (QA + Fix)

Skill especializado en revisión de calidad y corrección rápida de apps/landings antes de presentar, grabar o publicar. Aplica un checklist fijo y ejecuta correcciones mínimas de alto impacto.

Cuándo usar este skill

• Cuando ya tenés algo generado (landing/app) y querés dejarlo "presentable"
• Cuando algo funciona "a medias" (móvil raro, imágenes rotas, botones sin acción, espaciados feos)
• Antes de enseñarlo a un cliente, grabarlo o publicarlo
• Cuando el usuario diga "revisá esto antes de publicar" o "dejalo listo para producción"
• Después de terminar desarrollo y antes de deploy

Inputs necesarios

Regla: Si falta alguno de estos inputs, PREGUNTAR antes de revisar.

Diferencia entre objetivos

Checklist de Calidad (orden fijo)

A) Funciona y se ve ✅

B) Responsive (móvil primero) 📱

C) Copy y UX básica ✍️

D) Accesibilidad mínima ♿

E) SEO básico (solo para "publicar") 🔍

Workflow

Paso 1: Diagnóstico rápido

1. Abrir el proyecto/archivo
2. Ejecutar checklist completo
3. Generar lista de 5–10 problemas priorizados por criticidad (🔴 primero)

Paso 2: Plan de arreglos

1. Listar máximo 8 cambios con formato:
2. Qué: descripción del cambio
3. Por qué: problema que resuelve
4. Dónde: archivo y línea aproximada

Paso 3: Aplicar cambios

1. Modificar archivos necesarios
2. Aplicar correcciones de menor a mayor impacto
3. Mantener cambios mínimos (no refactorizar todo)

Paso 4: Validación

1. Volver a abrir preview
2. Verificar checklist de nuevo
3. Confirmar que no se rompió nada

Paso 5: Resumen final

1. Listar cambios hechos
2. Indicar qué queda opcional para mejorar después

Instrucciones

Reglas obligatorias

Prioridad de correcciones

1. 🔴 Errores críticos (app no funciona, errores JS, 404)
2. 🔴 Problemas de mobile (scroll horizontal, contenido cortado)
3. 🟡 UX/Copy (placeholders, typos, CTAs inconsistentes)
4. 🟡 Accesibilidad (contraste, alts, headings)
5. 🟢 Mejoras opcionales (optimizaciones, pulido visual)

Manejo de errores

• Si hay demasiados problemas (>15) → priorizar solo 🔴 críticos primero
• Si un cambio rompe otra cosa → revertir y buscar alternativa
• Si las restricciones impiden arreglar algo crítico → notificar al usuario

Output (formato exacto)

## 🔍 Diagnóstico

### Problemas encontrados (priorizados)

| #   | Problema      | Categoría | Criticidad | Archivo         |
| --- | ------------- | --------- | ---------- | --------------- |
| 1   | [Descripción] | A/B/C/D/E | 🔴/🟡/🟢   | [archivo:línea] |
| 2   | [Descripción] | A/B/C/D/E | 🔴/🟡/🟢   | [archivo:línea] |
| ... | ...           | ...       | ...        | ...             |

**Total**: X problemas (Y críticos, Z medios)

---

## 🔧 Plan de Arreglos

| #   | Qué cambio | Por qué                 | Dónde           |
| --- | ---------- | ----------------------- | --------------- |
| 1   | [Cambio]   | [Problema que resuelve] | [archivo:línea] |
| 2   | [Cambio]   | [Problema que resuelve] | [archivo:línea] |
| ... | ...        | ...                     | ...             |

---

## ✅ Cambios Aplicados

1. ✅ [Cambio 1] - [archivo]
2. ✅ [Cambio 2] - [archivo]
3. ✅ [Cambio 3] - [archivo]
   ...

---

## 📊 Resultado

### Estado: ✅ OK para [enseñar/publicar] | ⚠️ Requiere más trabajo

### Checklist post-fix

| Categoría           | Estado   |
| ------------------- | -------- |
| A) Funciona y se ve | ✅/⚠️/❌ |
| B) Responsive       | ✅/⚠️/❌ |
| C) Copy y UX        | ✅/⚠️/❌ |
| D) Accesibilidad    | ✅/⚠️/❌ |
| E) SEO (si aplica)  | ✅/⚠️/❌ |

### Mejoras opcionales (para después)

- [ ] [Mejora 1]
- [ ] [Mejora 2]
- [ ] [Mejora 3]

---

## 📝 Notas

[Observaciones adicionales, advertencias o recomendaciones]