Files
2026-04-25 12:37:38 +03:00

2.2 KiB

Bingo Mixer — VS Code GitHub Copilot Agent Lab

← README


  • 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 Descripción General & Lista Rápida
01 Configuración & Ingeniería de Contexto
02 Frontend Design-First
03 Quiz Master Personalizado
04 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