mirror of
https://github.com/andwati/copilot-dev-days.git
synced 2026-10-18 10:12:53 +00:00
84 lines
2.2 KiB
Markdown
84 lines
2.2 KiB
Markdown
<!-- 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)
|