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
Section titled “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
Section titled “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