Skip to content

GUIDE.md

Latest commit

 

History

History
81 lines (59 loc) · 1.91 KB

GUIDE.md

File metadata and controls

81 lines (59 loc) · 1.91 KB

Bingo Mixer — VS Code GitHub Copilot Agent Lab

← README

  • VS Code v1.113+

Quick Reference Guide — For detailed instructions, see the individual parts below.

📚 Lab Parts

Part Title
00 Overview & Checklist
01 Setup & Context Engineering
02 Design-First Frontend
03 Custom Quiz Master
04 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/microsoft/vscode-agent-lab-soc-ops
# 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
  • Run background agent for linting
  • Run cloud agent for README
  • Review Tailwind 4 & frontend instructions

Part 2: Design-First Frontend

  • Full UI redesign (Plan Mode)
  • Update copilot-instructions.md
  • Run cloud-explore for variations

Part 3: Quiz Master

  • Generate custom quiz theme
  • Run Quiz Master as cloud agent

Part 4: Multi-Agent Development

  • Scavenger Hunt mode (TDD Red → Green → Refactor)
  • 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