mirror of
https://github.com/andwati/copilot-dev-days.git
synced 2026-10-18 02:02:52 +00:00
2.2 KiB
2.2 KiB
🎮 VS Code GitHub Copilot Agent Lab
- 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 | Configuración & Ingeniería de Contexto | Clona, configura y enséñale a la IA sobre tu proyecto |
| 02 | Frontend Design-First | Rediseña la UI con temas creativos |
| 03 | Quiz Master Personalizado | Crea tus propios temas de quiz con agentes personalizados |
| 04 | Desarrollo Multi-Agente | Construye nuevas funcionalidades con TDD y agentes de diseño |
💡 Consejos
- Mantén el navegador con actualización en tiempo real abierto
- Haz commit del código funcional con frecuencia
- Revierte cambios inesperados usando Checkpoints y Undo del chat, luego intenta de nuevo
🔗 Recursos
- VS Code on YouTube
- VS Code Copilot Docs
- Awesome Copilot para más personalizaciones