Skip to content

Commit b19c0f3

Browse files
986495: ai document updated
1 parent 4767737 commit b19c0f3

File tree

1 file changed

+20
-20
lines changed

1 file changed

+20
-20
lines changed

blazor/ai-coding-assistants/mcp-server.md

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -62,19 +62,19 @@ You need to add your [Syncfusion API key](https://syncfusion.com/account/api-key
6262
}
6363
```
6464

65-
[SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) can be configured in various MCP clients. Below are setup instructions for popular environment:
65+
Below are setup instructions for popular MCP clients:
6666

6767
### Syncfusion<sup style="font-size:70%">&reg;</sup> Code Studio
6868

6969
* In [Code Studio](https://www.syncfusion.com/code-studio/), open MCP Marketplace and navigate to the `Custom Servers` tab.
7070
* Enter the Server Name as `blazor-mcp`, choose Server Type as npm package, and set the NPM Package name to `@syncfusion/blazor-assistant`.
7171
* Add an environment variable as `Syncfusion_API_Key` and value as your [Syncfusion API key](https://syncfusion.com/account/api-key), then click **Install Server**.
7272
* Once installed, the server will appear in the User Installed Server list, and will be added to the **config.yaml** file.
73-
* The server is now ready for use in Code Studio. For more details, refer to the Code Studio [documentation](https://help.syncfusion.com/code-studio/reference/configure-properties/mcp/customservers#npm-server).
73+
* The server is now ready for use in Code Studio. For more details, refer to the [Code Studio documentation](https://help.syncfusion.com/code-studio/reference/configure-properties/mcp/customservers#npm-server).
7474

7575
### VS Code (GitHub Copilot MCP)
7676

77-
1. To configure an MCP server for a specific workspace, you can create a `.vscode/mcp.json` file in your workspace folder.
77+
* To configure an MCP server for a specific workspace, you can create a `.vscode/mcp.json` file in your workspace folder.
7878

7979
```json
8080
{
@@ -94,14 +94,15 @@ You need to add your [Syncfusion API key](https://syncfusion.com/account/api-key
9494
}
9595
```
9696

97-
2. After updating the configuration in settings.json, you'll notice a "Start" option at the top of the config. This allows you to easily start the [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) server directly from the settings interface without additional commands.
97+
* After updating the configuration in settings.json, you'll notice a "Start" option at the top of the config. This allows you to easily start the [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) server directly from the settings interface without additional commands.
9898

99-
3. Confirm that [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) is being used (this does not happen automatically). Look for a statement in the output, which is similar to:
100-
* `SyncfusionBlazorAssistant is running...` (in VS Code)
99+
* Confirm the server is active by checking for a message like: `SyncfusionBlazorAssistant is running...` in the output.
100+
101+
* For additional guidance, refer to the [VS Code documentation](https://code.visualstudio.com/docs/copilot/customization/mcp-servers#_add-an-mcp-server).
101102

102103
### Cursor
103104

104-
To configure an MCP server for a specific workspace, you can create a .cursor/mcp.json file in your workspace folder.
105+
To configure an MCP server for a specific workspace, you can create a `.cursor/mcp.json` file in your workspace folder.
105106

106107
```json
107108
{
@@ -121,11 +122,13 @@ To configure an MCP server for a specific workspace, you can create a .cursor/mc
121122
}
122123
```
123124

125+
For more details, refer to the [Cursor documentation](https://cursor.com/docs/context/mcp#using-mcp-json).
126+
124127
### JetBrains IDEs
125128

126-
1. Go to Settings -> Tools -> AI Assistant -> Model Context Protocol (MCP).
127-
2. Click + Add to add a new MCP server configuration.
128-
3. In the New MCP Server dialog, switch the dropdown as `As JSON` and add the following config:
129+
* Go to Settings -> Tools -> AI Assistant -> Model Context Protocol (MCP).
130+
* Click + Add to add a new MCP server configuration.
131+
* In the New MCP Server dialog, switch the dropdown as `As JSON` and add the following config:
129132

130133
```json
131134
{
@@ -144,13 +147,10 @@ To configure an MCP server for a specific workspace, you can create a .cursor/mc
144147
}
145148
```
146149

147-
4. Click OK and Apply.
150+
* Click OK and Apply.
151+
* For further assistance, see the [JetBrains documentation](https://www.jetbrains.com/help/ai-assistant/mcp.html#connect-to-an-mcp-server).
148152

149-
> For more detailed information about configuring MCP servers in various clients, refer to the official documentations.
150-
* [VS Code](https://code.visualstudio.com/docs/copilot/chat/mcp-servers#_add-an-mcp-server)
151-
* [Cursor](https://cursor.com/docs/context/mcp#using-mcp-json)
152-
* [JetBrains](https://www.jetbrains.com/help/ai-assistant/mcp.html#connect-to-an-mcp-server)
153-
* [Windsurf](https://docs.windsurf.com/windsurf/cascade/mcp#mcp-config-json)
153+
> For more detailed information about configuring MCP servers in various clients, refer to the official documentations, e.g., [Windsurf](https://docs.windsurf.com/windsurf/cascade/mcp#mcp-config-json)
154154
155155
## Usage
156156

@@ -164,9 +164,9 @@ To activate the SyncfusionBlazorAssistant MCP server:
164164
* '@ask_syncfusion_blazor'
165165
* 'ej2-blazor'
166166

167-
In VS Code, you can also use #SyncfusionBlazorAssistant to explicitly invoke the MCP server.
167+
In VS Code, use `#SyncfusionBlazorAssistant` for direct invocation.
168168

169-
2. Grant the SyncfusionBlazorAssistant MCP server a permission to run for this session, workspace, or always.
169+
2. Grant permission for the server to run (for the session, workspace, or always).
170170
3. For best results, start a new chat for each new topic to maintain clean context.
171171

172172
### Mode availability
@@ -184,9 +184,9 @@ Syncfusion<sup style="font-size:70%">&reg;</sup> MCP Servers provide full access
184184

185185
Here are some effective ways to use [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant):
186186

187-
* "Create a Syncfusion Blazor Grid component with paging, sorting and filtering"
187+
* "Create a Syncfusion Blazor Grid component with paging, sorting and filtering."
188188
* "How do I implement data binding with Syncfusion Blazor scheduler?"
189-
* "Show me how to create a dashboard with multiple Syncfusion components"
189+
* "Show me how to create a dashboard with multiple Syncfusion components."
190190

191191
## Troubleshooting
192192

0 commit comments

Comments
 (0)