-
Notifications
You must be signed in to change notification settings - Fork 5.2k
Add Copilot Coding Agent integration post and related assets #8608
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Changes from all commits
6eac38f
a216c28
5d6dfb3
37d54a4
1ae6708
b845855
a878f7b
8d49635
1e51c7e
c23498c
94860f3
22ee4e0
b8ab3b7
a0f5dda
ffdc65f
621cfee
f9ce68d
4d21b2a
e558b78
893800c
4989ed8
91b9540
c570bbd
7b2a382
54997e6
b32cd53
a7027df
1659674
6ea5f87
d52830e
d3a20df
7d1e35d
839c88a
654c0a6
747ccad
00d4de7
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change | ||||
---|---|---|---|---|---|---|
@@ -0,0 +1,106 @@ | ||||||
--- | ||||||
Order: 103 | ||||||
TOCTitle: "Command GitHub's Coding Agent from VS Code" | ||||||
PageTitle: "Command GitHub's Coding Agent from VS Code" | ||||||
MetaDescription: VS Code's integration with GitHub Copilot Coding Agent allows you to delegate tasks to the agent and let it handle them in the background. | ||||||
MetaSocialImage: copilot-wip.png | ||||||
Date: 2025-7-16 | ||||||
Author: Burke Holland | ||||||
--- | ||||||
|
||||||
# Command GitHub's Coding Agent from VS Code | ||||||
|
||||||
July 16, 2025 by Burke Holland, [@burkeholland](https://twitter.com/burkeholland) | ||||||
|
||||||
Today, we’re excited to give you a first look at the Copilot Coding Agent in Visual Studio Code. | ||||||
|
||||||
Instead of only having one synchronous agent in VS Code, you can now have multiple agents running at once working on your behalf. This is _actually_ being a 10x developer. It's officially a thing. You get to hand off any work you need done to a squad of AI teammates. | ||||||
|
||||||
In this post, we'll take a look at what the Coding Agent is, give you an exclusive preview of the integrations coming to VS Code and even tell you how you can start using them today. | ||||||
|
||||||
## What is GitHub Copilot Coding Agent? | ||||||
|
||||||
[GitHub Copilot Coding Agent](https://github.blog/changelog/2025-07-14-start-and-track-github-copilot-coding-agent-sessions-from-visual-studio-code/) is an autonomous AI developer you can assign to any GitHub issue. The agent runs in GitHub and is fully integrated as a member of your repo that can comment on issues, open PRs, do code reviews, and more. The agent can tackle complex work, implement features across your codebase, and even use Model Context Protocol (MCP) tools to work with databases or cloud services. | ||||||
|
||||||
It works like this: | ||||||
|
||||||
1. You [enable the agent in your settings](https://docs.github.com/en/copilot/how-tos/agents/copilot-coding-agent/enabling-copilot-coding-agent). | ||||||
2. You assign an issue to Copilot. | ||||||
3. The agent does the work, opens a pull request, and keeps you in the loop. | ||||||
4. You review the PR, leave comments if you want changes, and the agent iterates until it’s done. | ||||||
|
||||||
 | ||||||
|
||||||
That's all there is to it. It's the workflow you already know with an agent in the mix. | ||||||
|
||||||
The agent runs within a temporary isolated dev environment that gets spun up where the agent can explore the codebase, make changes, build the code, run tests, etc. - a complete dev environment just for the agent so it can function in a fully autonomous manner. | ||||||
|
||||||
And now, we're integrating the Coding Agent and all of its workflows directly into VS Code! | ||||||
|
||||||
## Copilot Coding Agent in Visual Studio Code | ||||||
|
||||||
Copilot Coding Agent integrates with the [GitHub Pull Requests extension](https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github). You can assign any issue to Copilot Coding Agent right from the sidebar - no need to switch to your browser. Just select, assign, and let the agent take it from there. | ||||||
|
||||||
 | ||||||
|
||||||
As with every VS Code feature, the VS Code team itself uses the Coding Agent integration in their own development. In fact, you can see just how many PRs have been assigned [to Copilot Coding Agent in the VS Code repo](https://github.com/search?q=is%3Apr+head%3Acopilot%2F+repo%3Amicrosoft%2Fvscode&type=pullrequests) - and that number continues to increase. | ||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more.
Suggested change
|
||||||
|
||||||
### Track your agent’s progress | ||||||
|
||||||
There’s a new **Copilot on My Behalf** query in the Pull Requests view. This shows you everything Copilot is working on for you. Want to see exactly what the agent did? Click "View Session" and watch the play-by-play. You get full transparency into every command and decision. You can also terminate the agent if you're not happy with how things are going. And you can drive all of this without even leaving the editor. | ||||||
|
||||||
 | ||||||
|
||||||
In this screenshot, the agent implemented a "trending" section to a website, complete with UI and database changes. All of this is one interaction so it's [only one premium request](https://github.blog/changelog/2025-07-10-github-copilot-coding-agent-now-uses-one-premium-request-per-session/). | ||||||
|
||||||
### Review, comment, and iterate | ||||||
|
||||||
When the agent is done, it will assign the PR to you and request you as a reviewer. It even includes a screenshot if applicable so you can quickly verify whether it did the right thing. | ||||||
|
||||||
 | ||||||
|
||||||
You can review the agent’s PR, leave comments, and ask for changes - all from within VS Code. The agent will pick up your feedback, update the PR, and let you know when it's finished. | ||||||
|
||||||
This workflow integrates beautifully with services that offer previews for pull requests. | ||||||
For example, if you use Azure Static Web Apps, Vercel, Netlify, and others, you can review the agent's work without even having to check out and run a branch locally. | ||||||
|
||||||
 | ||||||
|
||||||
Uh oh - now that we look closely, it looks like we didn't quite get the "Trending" section working. In this case, that's ok. In fact it's good. Our agent couldn't succeed in one shot because it doesn't have access to create the required database changes. Instead, it created a migration script as part of the PR. That *will* require us to manually check out the PR, but you might feel more comfortable being in control over that sort of change. | ||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Either lowercase here or titlecase above
Suggested change
|
||||||
|
||||||
But what if we *did* want to give access to make the database changes to a dev environment? Coding Agent has support for MCP servers, and provided you have one for your database of choice (in this case Supabase), you can [configure MCP servers for the agent on the repo](https://docs.github.com/en/copilot/how-tos/agents/copilot-coding-agent/extending-copilot-coding-agent-with-mcp). It's up to you - how autonomous do you want the agent to be? | ||||||
|
||||||
 | ||||||
|
||||||
But it gets even better - because you can do all of this right from VS Code. | ||||||
|
||||||
### Start sessions from Copilot Chat | ||||||
|
||||||
We find ourselves wanting to do more and more right from the [chat panel](https://code.visualstudio.com/docs/copilot/chat/copilot-chat) in VS Code. This is where most work and thinking happens and you're not locked into the issue workflow. You can - at any point in a chat, no matter how long - delegate the task directly to the Coding Agent. All of the context that is currently a part of that chat will get sent to the Coding Agent. | ||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more.
Suggested change
|
||||||
|
||||||
The Coding Agent then opens a PR and goes directly to work - skipping the issue step entirely. It distills down the context into a detailed PR description and you'll see that Copilot Coding Agent makes use of "to-do lists" so that you can see what it's doing and where it is in the process at a glance. | ||||||
|
||||||
<video src="delegate-to-coding-agent.mp4" title="Delegate to Coding Agent video" controls poster="delegate-to-coding-agent.png"></video> | ||||||
|
||||||
## What’s next? | ||||||
|
||||||
The Copilot Coding Agent integration in Visual Studio Code is currently in preview, but you can use it all today. If you want to light all of this up in your editor, all you need to do is make sure you have the GitHub Pull Requests extension installed and add the following setting... | ||||||
|
||||||
```json | ||||||
"githubPullRequests.codingAgent.uiIntegration": true, | ||||||
``` | ||||||
Comment on lines
+87
to
+91
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I just realized this is at the very end - but a lot of people won't make it this far. We gotta make this the "call to action" and bring it to the very top. The flow is
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. We can repeat this at the end in case people missed it - "as a reminder, this is in preview, and you'll need to enable |
||||||
|
||||||
We are very excited to further deepen this integration with Coding Agent. And since we recently made the move [to fully open source the AI features in VS Code](https://code.visualstudio.com/blogs/2025/05/19/openSourceAIEditor), you can track our progress in our [Coding Agent iteration plan](https://github.com/microsoft/vscode/issues/255483). We're working on: | ||||||
- PR performance and rendering | ||||||
- Integrated chat view for Coding Agent sessions | ||||||
- Bringing the Copilot Agents command center into VS Code | ||||||
- Sharing custom instructions between the Coding Agent and VS Code | ||||||
- Adding more documentation | ||||||
|
||||||
We'd love your thoughts on the experience, so please provide any feedback as [issues in the VS Code repo](https://github.com/microsoft/vscode/issues)! | ||||||
|
||||||
## Go forth and 100x yourself | ||||||
|
||||||
We can’t wait to see what you and your new agent friends build together! Keep an eye on the [release notes](/release-notes/) and the [Copilot documentation](https://docs.github.com/en/copilot/concepts/about-copilot-coding-agent) for new developments here. | ||||||
|
||||||
In the meantime, start making a list of all the things you’d rather not do. Because you’re about to have a new favorite teammate. | ||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Nit: we talk about a new favorite teammate, but the intro is about having a crew. 😄 |
Uh oh!
There was an error while loading. Please reload this page.