🎮 VS Code GitHub Copilot Agent Lab
- VS Code v1.135 or later
Level: Intermediate Stack: TypeScript / Vite / Tailwind CSS
Welcome to Bingo Mixer — a hands-on workshop where you’ll transform a social bingo app using VS Code’s Agent Mode with GitHub Copilot.
📋 Quick Checklist
Section titled “📋 Quick Checklist”- VS Code v1.135 or later
- Make sure updates are not disabled
- Signed in to GitHub with Copilot access
- Git & Node installed
- Chat open with Local selected as the session target
Optional: Use DevContainer or WSL.
🎯 What You’ll Learn
Section titled “🎯 What You’ll Learn”| # | Skill | Description |
|---|---|---|
| 1 | Context Engineering | Onboard AI to your codebase and workflows |
| 2 | Agentic Primitives | Build an AI-first engineering flow |
| 3 | Agentic Abundance | Scale exploration and speed up learning |
| 4 | Design-First Development | Let AI iterate on UI while you guide the vision |
📚 Lab Parts
Section titled “📚 Lab Parts”| Part | Title | Description |
|---|---|---|
| 01 | Setup & Context Engineering | Clone, configure, and teach the AI about your project |
| 02 | Design-First Frontend | Redesign the UI with creative themes |
| 03 | Custom Quiz Master | Create your own quiz themes with custom agents |
| 04 | Multi-Agent Development | Build new features with TDD and design agents |
| 05 | Completion & Next Steps | Review what you built and keep exploring |
💡 Tips
Section titled “💡 Tips”- Keep the live-updated browser open
- Commit working code often
- Revert unexpected changes using chat Checkpoints and Undo, then try again
🔗 Resources
Section titled “🔗 Resources”- VS Code on YouTube
- VS Code agents documentation
- Awesome Copilot for more customizations