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

---
- [ ] VS Code **v1.113+**
> **Guía de Referencia Rápida** — Para instrucciones detalladas, consulta las partes individuales a continuación.

---

## 📚 Partes del Lab

| Parte | Título |
|-------|--------|
| [**00**](00-overview.md) | Descripción General & Lista Rápida |
| [**01**](01-setup.md) | Configuración & Ingeniería de Contexto |
| [**02**](02-design.md) | Frontend Design-First |
| [**03**](03-quiz-master.md) | Quiz Master Personalizado |
| [**04**](04-multi-agent.md) | Desarrollo Multi-Agente |

---

## ⚡ Lista Rápida

- [ ] VS Code **v1.113+**
- [ ] GitHub Copilot (Pro/Business/Enterprise)
- [ ] Git & Node 22+
- [ ] Panel de Chat abierto

---

## 🚀 Configuración Rápida

```
# 1. Crea un repo desde la plantilla: github.com/copilot-dev-days/agent-lab-typescript
# 2. Habilita Pages: Settings > Pages > GitHub Actions
# 3. Elige una opción: clona el repo en VS Code O crea un Codespace desde tu repo
# Luego ejecuta:
# /setup
```

---

## 📋 Resumen de Tareas

### Parte 1: Ingeniería de Contexto
- [ ] Ejecutar el agente /setup
- [ ] Generar instrucciones del workspace
- [ ] Probar la app con el navegador integrado
- [ ] Crear una skill personalizada de dogfooding
- [ ] Explorar las personalizaciones del repo

### Parte 2: Frontend Design-First
- [ ] Rediseño completo de la UI (Plan Mode)
- [ ] Actualizar copilot-instructions.md
- [ ] Probar el rediseño

### Parte 3: Quiz Master
- [ ] Generar tema personalizado de quiz

### Parte 4: Desarrollo Multi-Agente
- [ ] Agent hooks — puerta de pruebas
- [ ] Patrón de bingo Four Corners (TDD)
- [ ] Agent Debug Logs
- [ ] Modo Card Deck Shuffle (Pixel Jam)
- [ ] Revisión de UX

---

## 💡 Consejos

1. Mantén el navegador abierto para actualizaciones en tiempo real
2. Haz commit del código funcional con frecuencia
3. Usa checkpoints para revertir errores
4. Itera en los planes 2+ veces antes de implementar

---

## 🔗 Recursos

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