mirror of
https://github.com/andwati/copilot-dev-days.git
synced 2026-10-18 10:12:53 +00:00
60 lines
1.9 KiB
Markdown
60 lines
1.9 KiB
Markdown
# 🎮 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
|