You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -7,7 +7,7 @@ There's more to writing code than just writing code. Issues need to be filed, ex
7
7
8
8
## Scenario
9
9
10
-
You are a part-time developer for Tailspin Toys - a crowdfunding platform for board games with a developer theme. You've been assigned various tasks to introduce new functionality to the website. Being a good team member, you want to file issues to track your work. To help future you, you've decided to enlist the help of Copilot. You will set up your backlog of work for the rest of the lab, using GitHub Copilot Chat Agent Mode and the GitHub Model Context Protocol (MCP) server to create the issues for you.
10
+
You are a part-time developer for Tailspin Toys - a crowdfunding platform for board games with a developer theme. You've been assigned various tasks to introduce new functionality to the website. Being a good team member, you want to file issues to track your work. To help future you, you've decided to enlist the help of Copilot. You will set up your backlog of work for the rest of the lab, using GitHub Copilot Chat agent mode and the GitHub Model Context Protocol (MCP) server to create the issues for you.
11
11
12
12
To achieve this, you will:
13
13
@@ -31,7 +31,7 @@ Popular existing MCP servers include:
31
31
32
32
-**[GitHub MCP Server][github-mcp-server]**: This server provides access to a set of APIs for managing your GitHub repositories. It allows the AI agent to perform actions such as creating new repositories, updating existing ones, and managing issues and pull requests.
33
33
-**[Playwright MCP Server][playwright-mcp-server]**: This server provides browser automation capabilities using Playwright. It allows the AI agent to perform actions such as navigating to web pages, filling out forms, and clicking buttons.
34
-
-**Additional reference servers**: There are many other MCP servers available that provide access to different tools and resources. Anthropic [has a list][anthropic-mcp-servers] of reference implementations, third-party implementations, and community implementations of MCP servers.
34
+
-**Additional reference servers**: There are many other MCP servers available that provide access to different tools and resources. Anthropic has [a list of MCP servers][anthropic-mcp-servers], including reference, third-party, and community implementations.
35
35
36
36
> [!IMPORTANT]
37
37
> MCP servers are like any other dependency in your project. Before using an MCP server, carefully review its source code, verify the publisher, and consider the security implications. Only use MCP servers that you trust and be cautious about granting access to sensitive resources or operations.
@@ -42,13 +42,14 @@ In a [prior exercise][prereqs-lesson] you launched the codespace you'll use for
42
42
43
43
The setup process for the codespace installed and setup many [VS Code extensions][vscode-extensions]. As with any software, updates may be needed. When your codespace is created we'll need to ensure everything is up-to-date.
44
44
45
-
1. Select **Extensions** on the workbench on the left side of your codespace.
45
+
1. Return to the tab where you started your codespace. If you closed the tab, return to your repository, select **Code** > **Codespaces** and then the name of the codespace.
46
+
2. Select **Extensions** on the workbench on the left side of your codespace.
46
47
47
48

48
49
49
-
2. Select **Update** on any extensions with an **Update** button. Repeat as necessary.
50
-
3. Select **Reload Window** on any extensions with a **Reload Window** button to reload the codespace.
51
-
4. When prompted by a dialog, select **Reload** to reload the window. This will ensure the latest version is being used.
50
+
3. Select **Update** on any extensions with an **Update** button. Repeat as necessary.
51
+
4. Select **Reload Window** on any extensions with a **Reload Window** button to reload the codespace.
52
+
5. When prompted by a dialog, select **Reload** to reload the window. This will ensure the latest version is being used.
52
53
53
54
## Using GitHub Copilot Chat and agent mode
54
55
@@ -59,31 +60,32 @@ To access GitHub Copilot Chat agent mode, you need to have the GitHub Copilot Ch
59
60
60
61
Once you have the extension installed, you may need to authenticate with your GitHub account to enable it.
61
62
62
-
1. Select the **Copilot Chat** icon at the top of your Visual Studio Code window.
63
-
2. Type a message like "Hello there" in the Copilot Chat window and press enter. This should activate Copilot Chat.
63
+
1. Return to your codespace.
64
+
2. Select the **Copilot Chat** icon at the top of your codespace.
65
+
3. Type a message like "Hello world" in the Copilot Chat window and press enter. This should activate Copilot Chat.
64
66
65
67

66
68
67
-
3. Alternatively, if you are not authenticated you will be prompted to sign in to your GitHub account. Follow the instructions to authenticate.
69
+
4. Alternatively, if you are not authenticated you will be prompted to sign in to your GitHub account. Follow the instructions to authenticate.
68
70
69
71

70
72
71
-
4. After authentication, you should see the Copilot Chat window appear.
73
+
5. After authentication, you should see the Copilot Chat window appear.
72
74
73
75

74
76
75
-
5. Switch to agent mode by selecting the dropdown in the Copilot Chat window and selecting **Agent**.
77
+
6. Switch to agent mode by selecting the dropdown in the Copilot Chat window and selecting **Agent**.
76
78
77
79

78
80
79
-
6. Set the model to **Claude 3.5 Sonnet**.
81
+
7. Set the model to **Claude 3.5 Sonnet**.
80
82
81
83

82
84
83
85
> [!IMPORTANT]
84
86
> The authors of this lab are not indicating a preference towards one model or another. When building this lab, we used Claude 3.5, and as such are including that in the instructions. The hope is the code suggestions you receive will be relatively consistent to ensure a good experience. However, because LLMs are probabilistic, you may notice the suggestions received differ from what is indicated in the lab. This is perfectly normal and expected.
85
87
86
-
1. The chat pane should update to indicate that you are now in agent mode. You should see a tools icon, showing that we can configure tools for GitHub Copilot to use.
88
+
8. The chat pane should update to indicate that you are now in agent mode. You should see a tools icon, showing that we can configure tools for GitHub Copilot to use.
87
89
88
90

89
91
@@ -161,11 +163,11 @@ To utilize an MCP server it needs to be "started". This will allow GitHub Copilo
161
163
> [!IMPORTANT]
162
164
> Do not share your PAT with anyone, as it provides access to your GitHub account and repositories. Treat it like a password and keep it secure. That includes not checking it into source control. **Do not paste it directly into the .vscode/mcp.json file.**
163
165
164
-
4. The GitHub MCP server should start up, and you should now see the number of tools available in the Copilot Chat window increase from 0. This indicates that the AI agent is now able to access the GitHub MCP server and perform actions on your behalf.
166
+
5. The GitHub MCP server should start up, and you should now see the number of tools available in the Copilot Chat window increase from 0. This indicates that the AI agent is now able to access the GitHub MCP server and perform actions on your behalf.
165
167
166
168

167
169
168
-
5. You can select the tools icon to see the list of available tools that the GitHub MCP server provides. This includes tools for creating and managing repositories, issues, pull requests, and more.
170
+
6. You can select the tools icon to see the list of available tools that the GitHub MCP server provides. This includes tools for creating and managing repositories, issues, pull requests, and more.
0 commit comments