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

---
- [ ] VS Code **v1.113+**
> **Quick Reference Guide** — For detailed instructions, see the individual parts below.

---

## 📚 Lab Parts

| Part | Title |
|------|-------|
| [**00**](00-overview.md) | Overview & Checklist |
| [**01**](01-setup.md) | Setup & Context Engineering |
| [**02**](02-design.md) | Design-First Frontend |
| [**03**](03-quiz-master.md) | Custom Quiz Master |
| [**04**](04-multi-agent.md) | Multi-Agent Development |

---

## ⚡ Quick Checklist

- [ ] VS Code **v1.113+**
- [ ] GitHub Copilot (Pro/Business/Enterprise)
- [ ] Git & Node 22+
- [ ] Chat panel open

---

## 🚀 Quick Setup

```
# 1. Create repo from template: github.com/copilot-dev-days/agent-lab-typescript
# 2. Enable Pages: Settings > Pages > GitHub Actions
# 3. Choose one: clone repo in VS Code OR create a Codespace from your repo
# Then run:
# /setup
```

---

## 📋 Task Summary

### Part 1: Context Engineering
- [ ] Run /setup agent
- [ ] Generate workspace instructions
- [ ] Dogfood the app with built-in browser
- [ ] Create a custom dogfooding skill
- [ ] Tour repo customizations

### Part 2: Design-First Frontend
- [ ] Full UI redesign (Plan Mode)
- [ ] Update copilot-instructions.md
- [ ] Dogfood the redesign

### Part 3: Quiz Master
- [ ] Generate custom quiz theme

### Part 4: Multi-Agent Development
- [ ] Agent hooks — test gate
- [ ] Four Corners bingo pattern (TDD)
- [ ] Agent Debug Logs
- [ ] Card Deck Shuffle mode (Pixel Jam)
- [ ] UX Review

---

## 💡 Tips

1. Keep browser open for live updates
2. Commit working code often
3. Use checkpoints to revert mistakes
4. Iterate on plans 2+ times before implementing

---

## 🔗 Resources

- [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)