# 🎮 VS Code GitHub Copilot Agent Lab
[← README](../README.md)

- [ ] Latest VS Code **v1.113** (no update pending)

> **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

- [ ] Latest VS Code **v1.113** (no update pending)
  - [ ] Make sure updates are not disabled
- [ ] Signed in with GitHub (Copilot Free can not run cloud agent!)
- [ ] Git & Node installed
- [ ] Chat open and Agent ready for action

*Optional*: Use DevContainer or WSL.

---

## 🎯 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

| Part | Title | Description |
|------|-------|-------------|
| [**01**](01-setup.md) | Setup & Context Engineering | Clone, configure, and teach the AI about your project |
| [**02**](02-design.md) | Design-First Frontend | Redesign the UI with creative themes |
| [**03**](03-quiz-master.md) | Custom Quiz Master | Create your own quiz themes with custom agents |
| [**04**](04-multi-agent.md) | Multi-Agent Development | Build new features with TDD and design agents |

---

## 💡 Tips

1. Keep the live-updated browser open
2. Commit working code often
3. Revert unexpected changes using chat *Checkpoints* and *Undo*, then try again

---

## 🔗 Resources

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