Skip to content

GUIDE.md

Latest commit

 

History

History
92 lines (62 loc) · 2.35 KB

GUIDE.md

File metadata and controls

92 lines (62 loc) · 2.35 KB

Soc Ops — VS Code GitHub Copilot Agent Lab

📚 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

# Step 1: Use template to create your own repo
# Step 2a (local): Clone your repo in VS Code
# Step 2b (cloud): Open your repo in Codespaces (Code > Codespaces > Create codespace on main)
# Then run /setup in Chat

📋 Task Summary

Part 1: Context Engineering

  • Generate workspace instructions
  • Run Copilot CLI session for linting
  • Run cloud agent for README
  • Review CSS & frontend instructions

Part 2: Design-First Frontend

  • Full UI redesign (Plan agent)
  • 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