<!-- l10n-sync: source-file="workshop/00-overview.md" -->
# 🎮 VS Code GitHub Copilot Agent Lab
[← README](../../README.es.md)

- [ ] VS Code más reciente **v1.113** (sin actualización pendiente)

> **Nivel:** Intermedio
> **Stack:** TypeScript / Vite / Tailwind CSS

Bienvenido a **Bingo Mixer** — un workshop práctico donde transformarás una app de bingo social usando el Agent Mode de VS Code con GitHub Copilot.

---

## 📋 Lista Rápida

- [ ] VS Code más reciente **v1.113** (sin actualización pendiente)
  - [ ] Asegúrate de que las actualizaciones no estén deshabilitadas
- [ ] Sesión iniciada con GitHub (¡Copilot Free no puede ejecutar cloud agent!)
- [ ] Git & Node instalados
- [ ] Chat abierto y Agent listo para la acción

*Opcional*: Usa DevContainer o WSL.

---

## 🎯 Lo que Aprenderás

| # | Habilidad | Descripción |
|---|-----------|-------------|
| 1 | **Ingeniería de Contexto** | Integra la IA a tu codebase y flujos de trabajo |
| 2 | **Primitivas Agénticas** | Construye un flujo de ingeniería AI-first |
| 3 | **Abundancia Agéntica** | Escala la exploración y acelera el aprendizaje |
| 4 | **Desarrollo Design-First** | Deja que la IA itere en la UI mientras tú guías la visión |

---

## 📚 Partes del Lab

| Parte | Título | Descripción |
|-------|--------|-------------|
| [**01**](01-setup.md) | Configuración & Ingeniería de Contexto | Clona, configura y enséñale a la IA sobre tu proyecto |
| [**02**](02-design.md) | Frontend Design-First | Rediseña la UI con temas creativos |
| [**03**](03-quiz-master.md) | Quiz Master Personalizado | Crea tus propios temas de quiz con agentes personalizados |
| [**04**](04-multi-agent.md) | Desarrollo Multi-Agente | Construye nuevas funcionalidades con TDD y agentes de diseño |

---

## 💡 Consejos

1. Mantén el navegador con actualización en tiempo real abierto
2. Haz commit del código funcional con frecuencia
3. Revierte cambios inesperados usando *Checkpoints* y *Undo* del chat, luego intenta de nuevo

---

## 🔗 Recursos

- [VS Code on YouTube](https://www.youtube.com/code)
- [VS Code Copilot Docs](https://code.visualstudio.com/docs/copilot/overview)
- [Awesome Copilot](https://github.com/github/awesome-copilot) para más personalizaciones