VS Code
GitHub Copilot Chat in VS Code brings GitHub Copilot into the code editor you already use. Working in Visual Studio Code (and GitHub Codespaces), you’ll drive Copilot Chat in agent mode, connect external tools through MCP, and rely on custom agents — all without leaving your IDE, where Copilot has full view of your files, terminal, and problems.
You’ll start by adding custom instructions and watching Copilot follow them, then use agent mode to build a filtering feature across the UI, data layer, and tests. Next you’ll connect the Playwright MCP server and let Copilot drive a browser to test your feature before opening a pull request. Finally, you’ll review and use a custom agent for accessibility work, then monitor, steer, and iterate on Copilot’s changes — all without leaving the editor.
Exercises
| Exercise | Topic | Description |
|---|---|---|
| 0. Prerequisites | Setup | Create your repository and codespace |
| 1. Custom instructions | Context | Add and verify custom instructions in VS Code |
| 2. Agent Mode | Code Generation | Build a filtering feature with agent mode |
| 3. MCP with Playwright | External Tools | Test your feature in a browser with the Playwright MCP server |
| 4. Custom Agents | Specialized Agents | Review and use custom agents |
| 5. Managing Agents | Monitoring | Monitor and steer agent sessions |
| 6. Iterating | Review | Review Copilot’s work locally and choose next steps |
Prerequisites
Before attending this workshop, please ensure you have:
- A GitHub account with an active Copilot Student, Pro, Pro+, Business, or Enterprise plan
- Access to GitHub Codespaces
No paid plan? Verified students can get GitHub Copilot for free through GitHub Education. The Copilot Student plan includes the agent, MCP, code review, and Copilot CLI features this workshop uses — so you can complete every harness with it.