Skip to content

GUIDE.md

Latest commit

 

History

History
100 lines (66 loc) · 2.65 KB

GUIDE.md

File metadata and controls

100 lines (66 loc) · 2.65 KB

Soc Ops — VS Code GitHub Copilot Agent Lab

🎮 Live Demo • 📚 Lab Guide • ← README

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

📚 Lab Parts

Part Title Time
00 Overview & Checklist —
01 Setup & Context Engineering 15 min
02 Design-First Frontend 15 min
03 Custom Quiz Master 10 min
04 Multi-Agent Development 20 min

⚡ Quick Checklist

  • VS Code v1.107+
  • GitHub Copilot (Pro/Business/Enterprise)
  • Git & Python 3.13 + uv
  • Chat panel open

🚀 Quick Setup

# 1. Use template at github.com/madebygps/vscode-github-copilot-agent-lab
# 2. Enable GitHub Pages (Settings > Pages > GitHub Actions)
# 3. Clone in VS Code
# 4. Run /setup in Chat

📋 Task Summary

Part 1: Context Engineering

  • Generate workspace instructions
  • Run background agent for linting
  • Run cloud agent for README
  • Review CSS & 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

🎭 Theme Ideas

Minimalist Mono • Retro Terminal • Cyberpunk Neon • Vaporwave Sunset • Dark Mode Noir • Pixel Arcade • Space Galaxy • Brutalist Blocks • Soft Pastel • Gradient Glass

🎲 Quiz Themes

Skill Bingo • Tech Life • Chaos Bingo • Travel • Fandom • Office Humor • Personality • Deep Chat • Opposites • Mystery

💡 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

🎮 Live Demo • 📚 Lab Guide • ← README

Happy Coding! 👋 — VS Code Team
⚡