Duration: ~1 hour
Level: Intermediate
Stack: Python / FastAPI / Jinja2 / HTMX
Welcome to Soc Ops — a hands-on workshop where you'll transform a simple Social Bingo app into something amazing using VS Code's Agent Mode with GitHub Copilot.
Before you begin, verify:
- VS Code v1.107+ (no pending updates)
- Signed in with GitHub Copilot (Free, Pro, Business, or Enterprise)
⚠️ Free-tier users: Cloud Agents are not available on free-tier Copilot plans. The workshop provides alternative instructions wherever Cloud Agents are used.
- Git installed
- Python 3.13 & uv installed
- Chat panel open and Agent ready
💡 Tip: Use the DevContainer for a pre-configured environment!
| # | Skill | Description |
|---|---|---|
| 1 | Context Engineering | Teach AI about your codebase with instructions |
| 2 | Agentic Primitives | Use Copilot CLI sessions, cloud agents, and custom workflows |
| 3 | Design-First Development | Let AI iterate on UI while you guide the vision |
| 4 | Test-Driven Development | Use TDD agents for reliable feature development |
| Part | Title | Time | Description |
|---|---|---|---|
| 01 | Setup & Context Engineering | 15 min | Clone, configure, and teach the AI about your project |
| 02 | Design-First Frontend | 15 min | Redesign the UI with creative themes |
| 03 | Custom Quiz Master | 10 min | Create your own quiz themes with custom agents |
| 04 | Multi-Agent Development | 20 min | Build new features with TDD and design agents |
- Keep the browser open — Watch live updates as you code
- Commit often — Save working states frequently
- Use checkpoints — Revert unexpected changes with chat Checkpoints & Undo
- 📌 Pin this guide — Keep it visible while you work