diff --git a/blogs/2025/07/17/assign-to-copilot-gif.gif b/blogs/2025/07/17/assign-to-copilot-gif.gif new file mode 100644 index 0000000000..b3fa4fd2f7 --- /dev/null +++ b/blogs/2025/07/17/assign-to-copilot-gif.gif @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:83aa267e15deb1b97f4164558447baf4bd50185a611cb670e81c6a33a35e6728 +size 3084826 diff --git a/blogs/2025/07/17/coding-agent-github.png b/blogs/2025/07/17/coding-agent-github.png new file mode 100644 index 0000000000..8d9f325f3f --- /dev/null +++ b/blogs/2025/07/17/coding-agent-github.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b029b46ff76bd3155143561493b581cc3923687504d5228922c818e3da5bc662 +size 171933 diff --git a/blogs/2025/07/17/coding-agent-mcp-config.png b/blogs/2025/07/17/coding-agent-mcp-config.png new file mode 100644 index 0000000000..fb83f272f0 --- /dev/null +++ b/blogs/2025/07/17/coding-agent-mcp-config.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c7e97d691fdb76486f74333f76cfdb5572c49b7961ab95d32e03191f7451f82c +size 94722 diff --git a/blogs/2025/07/17/copilot-coding-agent.md b/blogs/2025/07/17/copilot-coding-agent.md new file mode 100644 index 0000000000..082e7515cd --- /dev/null +++ b/blogs/2025/07/17/copilot-coding-agent.md @@ -0,0 +1,112 @@ +--- +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-17 +Author: Burke Holland +--- + +# Command GitHub's Coding Agent from VS Code + +July 17, 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. + +To see this in action in your editor right now, install the [GitHub Pull Requests extension](https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github) and add the following VS Code setting: + +```json +"githubPullRequests.codingAgent.uiIntegration": true, +``` + +In this post, we'll take a look at what the Coding Agent is, show you an exclusive preview of the integrations in VS Code, and give you a peak at what's coming next. + +## 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 GitHub 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. + +![Copilot Coding Agent on GitHub](coding-agent-github.png) + +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. + +![A GIF showing Copilot assigned to an issue from within VS Code](assign-to-copilot-gif.gif) + +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 has continued to increase. + +### 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. + +![A WIP PR shown under the "Copilot on my behalf" section with the "View Session" button highlighted](copilot-wip.png) + +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. + +![PR from Coding Agent shown in VS Code with a screenshot](draft-with-screenshot.png) + +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. + +![Live preview of the site on Netlify but we have an error](live-preview-netlify.png) + +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. + +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? + +![MCP configuration shown for Copilot Coding Agent on github.com](coding-agent-mcp-config.png) + +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. While we love working in GitHub, many of us find that VS Code is our home base. Bringing Coding Agent into chat means you're not locked into the issue workflow. Now, you can - at any point in a chat, no matter how long - delegate the task you're working on directly to the Coding Agent. All of the context that's part of your current chat session will be handed off to the Coding Agent. + +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. + + + +## What’s next? + +While the Copilot Coding Agent integration in Visual Studio Code is currently in preview, you can still use it all today! Simply make sure you have the [GitHub Pull Requests extension](https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github) installed and add the following setting to VS Code... + +```json +"githubPullRequests.codingAgent.uiIntegration": true, +``` + +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 few new favorite teammates. \ No newline at end of file diff --git a/blogs/2025/07/17/copilot-wip.png b/blogs/2025/07/17/copilot-wip.png new file mode 100644 index 0000000000..7b9e5ad5d3 --- /dev/null +++ b/blogs/2025/07/17/copilot-wip.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:63eb62e9452f3aeb5eafaf03ec09fa96be8fb493863523f07905fb97e7f79ae1 +size 147691 diff --git a/blogs/2025/07/17/delegate-to-coding-agent.mp4 b/blogs/2025/07/17/delegate-to-coding-agent.mp4 new file mode 100644 index 0000000000..6fda66f50e --- /dev/null +++ b/blogs/2025/07/17/delegate-to-coding-agent.mp4 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a90b6a83558ffb442c5233b27581b8cc337835a305baed56480d2145334ffeb9 +size 1639601 diff --git a/blogs/2025/07/17/delegate-to-coding-agent.png b/blogs/2025/07/17/delegate-to-coding-agent.png new file mode 100644 index 0000000000..60c50f1712 --- /dev/null +++ b/blogs/2025/07/17/delegate-to-coding-agent.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d5671d4353241a18e5c2284cfc30f5eb62919219056ca9038ad569bd6e95a18a +size 113027 diff --git a/blogs/2025/07/17/draft-with-screenshot.png b/blogs/2025/07/17/draft-with-screenshot.png new file mode 100644 index 0000000000..aafc27d79c --- /dev/null +++ b/blogs/2025/07/17/draft-with-screenshot.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:308c0fdef0f2891066eaaabec8f8c5c0d35a1addedfaf407fcf7b523e5b46c67 +size 305325 diff --git a/blogs/2025/07/17/live-preview-netlify.png b/blogs/2025/07/17/live-preview-netlify.png new file mode 100644 index 0000000000..e0c99f4ef3 --- /dev/null +++ b/blogs/2025/07/17/live-preview-netlify.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:22816b871f0454b560803bf5cbf962b92c5f48d2ba9bfdcb57a4c6e7f61fe3a8 +size 123255