Initial commit

workshop/GUIDE.md

@@ -0,0 +1,82 @@
+# 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)