WEBVTT

00:01.920 --> 00:08.680
One of the most exciting features inside windsurf are Cascade plugins, so you can find them here.

00:08.720 --> 00:10.120
Really really hidden.

00:10.160 --> 00:11.160
Hard to discover a bit.

00:11.160 --> 00:17.320
So if you click on this button, it's gonna open up the plugin store so you can think of it like a marketplace.

00:17.320 --> 00:20.880
And you can click here on individual options that are available.

00:20.880 --> 00:24.320
So for example we're going to take a look and see if we can find GitHub.

00:24.680 --> 00:27.440
So we're going to click here and see GitHub.

00:27.440 --> 00:30.520
We're going to notice here GitHub MCP server.

00:30.520 --> 00:34.160
So MCP this is the keyword that's very important.

00:34.160 --> 00:37.040
And this is the technology behind it that makes it possible.

00:37.040 --> 00:40.200
So MCP stands for Model Context Protocol.

00:40.200 --> 00:46.320
This is an open standard that defines how application can expose both context and tools to the LMS in

00:46.320 --> 00:47.240
a structured way.

00:47.520 --> 00:53.160
So you can think of it like a plugin system that allows us to extend the agents capabilities by connecting

00:53.160 --> 00:58.120
it to external data sources and services via a standardized interface.

00:58.400 --> 01:05.760
So an MCP can expose all these tools that you find here, like GitHub, notion, stripe, PayPal and

01:05.760 --> 01:12.520
many others and allows us to interact with them from within windsurf so we can, I don't know, fetch

01:12.560 --> 01:18.800
analytics data, send notifications or, you know, update or create an issue on GitHub or JIRA.

01:19.120 --> 01:21.800
So there are many possibilities where we can use this plugin.

01:21.800 --> 01:24.440
So let's take a look at how we can install GitHub.

01:24.760 --> 01:32.040
And first of all what I like is this store functionality makes the discovery of these plugins much,

01:32.040 --> 01:32.640
much easier.

01:32.640 --> 01:34.440
And also the installation is very easy.

01:34.440 --> 01:37.240
So I'm going to click here on GitHub and select install.

01:37.520 --> 01:41.760
And what we're going to need here is actually a personal access token for GitHub.

01:41.760 --> 01:43.760
So it's going to tell us exactly what we need.

01:44.000 --> 01:48.800
It would have been even better if this page would also generate a link telling us directly where you

01:48.800 --> 01:50.960
need to go, but that's also fine.

01:50.960 --> 01:53.320
So we're going to jump into GitHub next.

01:54.160 --> 01:57.920
So from GitHub what we're going to do is click here on the profile image.

01:57.920 --> 02:00.120
And first of all select settings.

02:00.600 --> 02:05.720
This is really hidden but I'm going to post a link directly to this page as a resource to this lecture.

02:05.960 --> 02:09.850
And we need to scroll a bit down until we find Developer settings.

02:10.570 --> 02:12.130
Click on Developer settings.

02:12.170 --> 02:16.570
I'm going to find here Personal Access Token and we're going to select your tokens.

02:16.570 --> 02:17.410
Classic.

02:17.970 --> 02:20.970
So let's generate a new token using the classic mode.

02:21.530 --> 02:23.010
I'm going to right here windsurf.

02:24.130 --> 02:28.810
I'm going to select only seven days so that this will expire very very soon.

02:29.410 --> 02:32.130
And what we will need here are a few things.

02:32.330 --> 02:34.570
For example we're going to need here the repo.

02:36.090 --> 02:38.210
And that should be enough in terms of the settings.

02:38.210 --> 02:42.250
So it's going to allow here full control of private repositories.

02:42.410 --> 02:43.010
It should be enough.

02:43.010 --> 02:44.770
I'm going to go ahead and generate a token.

02:45.570 --> 02:46.330
Copy it.

02:47.210 --> 02:48.410
Go back to windsurf.

02:48.890 --> 02:51.330
Paste it here and click on save.

02:52.250 --> 02:57.130
So now this has been enabled and we go here to configure.

02:57.130 --> 02:58.330
We can see our token.

02:58.330 --> 03:00.690
If we need to change it we can go through the process.

03:01.570 --> 03:04.770
And we can also see here the tools that are available to us.

03:05.570 --> 03:08.370
So this is how we can add a plugin in Visual Studio Code.
