Overview
What you'll build and how the VS Code and CLI tracks differ
Build a retro arcade GitHub Contribution Battle Arena while mastering VS Code Copilot features: context engineering, Plan Mode, Agent Mode, design-first development, and multi-agent workflows.
Choose your Copilot surface
Use the VS Code workshop to practice Chat, Plan Mode, Agent Mode, background agents, and the editor-based review loop.
The toggle updates every workshop step so the deployed docs stay tailored to your chosen workflow.
Teach Copilot about your codebase with workspace instructions, background agents, and Ask mode exploration.
Design architecture before coding — iterate on plans until they're right, then implement with confidence.
Let Copilot scaffold entire features autonomously across multiple files, then iterate with feedback.
Use background and cloud agents for parallel polish — responsive design, error UX, theme variations.
Every part below is shared, but the instructions inside each step adjust to match your selected track.
What you'll build and how the VS Code and CLI tracks differ
Configure your environment and teach Copilot about the repo
Design the API and page architecture before implementation
Implement the battle page with agentic coding workflows
Transform the UI with plan-first prompts and iterative polish
Use multi-agent or multi-session workflows to finish strong
Open-ended challenges, sharing flows, and more Copilot experiments