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
Copy file name to clipboardExpand all lines: ai/mcp-server.md
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -37,12 +37,12 @@ To install the Telerik MCP server manually, use the documentation of your AI-pow
37
37
* Type: `stdio` (standard input/output transport)
38
38
* Command: `npx`
39
39
* Arguments: `-y`
40
-
* Server name: `telerikBlazorAssistant` (depends on your preferences)
40
+
* Server name: `telerik_blazor_assistant`. This name depends on your preferences. The suggestion here matches the MCP tool name in the npm package. See the notes below.
41
41
* Your [Telerik license key](#license-key) as an `env` parameter
42
42
43
-
> * Do not use hyphens (`-`) or underscores (`_`) in the MCP server name in the MCP `.json` file, due to potential compatibility issues with some MCP clients such as Visual Studio or Windsurf.
44
43
> * Some MCP clients expect the MCP servers to be listed under a `servers` JSON key, while others expect `mcpServers`.
45
44
> * Some MCP clients expect an `mcp.json` file, while others like Visual Studio 2022 expect an `.mcp.json` file.
45
+
> * Some MCP clients, including older Visual Studio versions, may not accept a server name that uses hyphens (`-`) or underscores (`_`). In such cases, update the MCP client version or use a different server name.
46
46
47
47
### License Key
48
48
@@ -64,7 +64,7 @@ To enable the Telerik MCP Server in a specific Blazor app, add a `.mcp.json` fil
@@ -78,7 +78,7 @@ To enable the Telerik MCP Server in a specific Blazor app, add a `.mcp.json` fil
78
78
79
79
To enable global automatic discovery of the Telerik MCP Server in Visual Studio, add the above `.mcp.json` file to your user directory (`%USERPROFILE%`), for example, `C:\Users\____\.mcp.json`.
80
80
81
-
> Once the Telerik MCP server is added, make sure that the `telerikBlazorAssistant` tool is [enabled (checked) in the Copilot Chat window's tool selection dropdown](https://learn.microsoft.com/en-us/visualstudio/ide/mcp-servers?view=vs-2022#configuration-example-with-github-mcp-server). This dropdown opens when clicking on a wrench icon 🔧 at the bottom of the Copilot Window. The Telerik MCP server may get disabled when starting a new chat, changing threads, or relaunching Visual Studio. This is a known issue with MCP servers in general.
81
+
> Once the Telerik MCP server is added, make sure that the `telerik_blazor_assistant` tool is [enabled (checked) in the Copilot Chat window's tool selection dropdown](https://learn.microsoft.com/en-us/visualstudio/ide/mcp-servers?view=vs-2022#configuration-example-with-github-mcp-server). This dropdown opens when clicking on a wrench icon 🔧 at the bottom of the Copilot Window. The Telerik MCP server may get disabled when starting a new chat, changing threads, or relaunching Visual Studio. This is a known issue with MCP servers in general.
82
82
83
83
### VS Code
84
84
@@ -95,7 +95,7 @@ To enable the Telerik MCP Server in a specific [workspace](https://code.visualst
@@ -148,7 +148,7 @@ By default, MCP clients do not call MCP tools in a deterministic way. Some MCP c
148
148
To use the Telerik MCP Server:
149
149
150
150
1. Start your prompt with `Telerik` to make it more likely for the Telerik MCP server to get called. If you are using VS Code, then start your prompt with:
151
-
*`#` and the MCP server name that you used in `mcp.json` (for example, `#telerikBlazorAssistant`)
151
+
*`#` and the MCP server name that you used in `mcp.json` (for example, `#telerik_blazor_assistant`)
152
152
*`#` and the name of the Telerik Blazor MCP tool (`#telerik_blazor_assistant`)
153
153
1. Confirm that the Telerik MCP server is used. Look for a statement in the output, which is similar to:
154
154
*`Running telerik_blazor_assistant` (in VS Code)
@@ -157,7 +157,7 @@ To use the Telerik MCP Server:
157
157
158
158
Also check the general [AI Coding Assistant Recommendations](slug:ai-overview#recommendations) for more usage tips.
159
159
160
-
To call the Telerik MCP server without the need to type `Telerik` or `#telerikBlazorAssistant` explicitly, add custom instructions to your AI-powered tool. Here are examples for [GitHub Copilot](https://docs.github.com/en/copilot/customizing-copilot/adding-repository-custom-instructions-for-github-copilot#about-repository-custom-instructions-for-github-copilot-chat) and [Cursor](https://docs.cursor.com/context/rules).
160
+
To call the Telerik MCP server without the need to type `Telerik` or `#telerik_blazor_assistant` explicitly, add custom instructions to your AI-powered tool. Here are examples for [GitHub Copilot](https://docs.github.com/en/copilot/customizing-copilot/adding-repository-custom-instructions-for-github-copilot#about-repository-custom-instructions-for-github-copilot-chat) and [Cursor](https://docs.cursor.com/context/rules).
Copy file name to clipboardExpand all lines: ai/prompt-library.md
+34-34Lines changed: 34 additions & 34 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -14,10 +14,10 @@ This article provides a list of sample prompts for use with the [Telerik Blazor
14
14
15
15
## How to Use the Prompts
16
16
17
-
All prompts in this library target the [Telerik Blazor MCP Server](slug:ai-mcp-server). The [`#telerikBlazorAssistant` handle](slug:ai-mcp-server#usage) assumes that this is the server name you have [entered in the `mcp.json` file during installation](slug:ai-mcp-server#installation).
17
+
All prompts in this library target the [Telerik Blazor MCP Server](slug:ai-mcp-server). The [`#telerik_blazor_assistant` handle](slug:ai-mcp-server#usage) assumes that this is the server name you have [entered in the `mcp.json` file during installation](slug:ai-mcp-server#installation).
18
18
19
19
1. Browse the prompt library to find a prompt that suits your needs.
20
-
2. Copy the prompt text including the `#telerikBlazorAssistant` handle.
20
+
2. Copy the prompt text including the `#telerik_blazor_assistant` handle.
21
21
3. (optional) Customize the prompt as needed for your specific use case. Make sure the changes comply with the [intended use](slug:ai-overview#intended-use) and the [recommendations](slug:ai-overview#recommendations) for the AI Coding Assistant.
22
22
4. Run the prompt against the MCP server.
23
23
@@ -28,39 +28,39 @@ All prompts in this library target the [Telerik Blazor MCP Server](slug:ai-mcp-s
#telerikBlazorAssistant Create a basic Grid component that displays employee data with columns for ID, Name, Position, and Salary. Include sorting and pagination functionality.
31
+
#telerik_blazor_assistant Create a basic Grid component that displays employee data with columns for ID, Name, Position, and Salary. Include sorting and pagination functionality.
32
32
````
33
33
34
34
````TEXT.skip-repl
35
-
#telerikBlazorAssistant Implement a Grid with enabled filtering and show how to set up different filter types for text, numeric, and date columns.
35
+
#telerik_blazor_assistant Implement a Grid with enabled filtering and show how to set up different filter types for text, numeric, and date columns.
36
36
````
37
37
38
38
````TEXT.skip-repl
39
-
#telerikBlazorAssistant Set up a Grid that loads data from a REST API endpoint.
39
+
#telerik_blazor_assistant Set up a Grid that loads data from a REST API endpoint.
40
40
````
41
41
42
42
````TEXT.skip-repl
43
-
#telerikBlazorAssistant Set up a Grid with virtual scrolling to handle large datasets efficiently
43
+
#telerik_blazor_assistant Set up a Grid with virtual scrolling to handle large datasets efficiently
44
44
````
45
45
46
46
````TEXT.skip-repl
47
-
#telerikBlazorAssistant Create a Grid having Edit button on each row, and conditional formatting based on cell values.
47
+
#telerik_blazor_assistant Create a Grid having Edit button on each row, and conditional formatting based on cell values.
48
48
````
49
49
50
50
````TEXT.skip-repl
51
-
#telerikBlazorAssistant Implement Grid with enabled grouping and expand/collapse functionality for the groups.
51
+
#telerik_blazor_assistant Implement Grid with enabled grouping and expand/collapse functionality for the groups.
52
52
````
53
53
54
54
````TEXT.skip-repl
55
-
#telerikBlazorAssistant Set up a Grid with еnabled multiple selection.
55
+
#telerik_blazor_assistant Set up a Grid with еnabled multiple selection.
56
56
````
57
57
58
58
````TEXT.skip-repl
59
-
#telerikBlazorAssistant Set up a Grid with еnabled checkbox selection.
59
+
#telerik_blazor_assistant Set up a Grid with еnabled checkbox selection.
60
60
````
61
61
62
62
````TEXT.skip-repl
63
-
#telerikBlazorAssistant Create an editable Grid that includes validation for different data types.
63
+
#telerik_blazor_assistant Create an editable Grid that includes validation for different data types.
64
64
````
65
65
66
66
</div>
@@ -70,23 +70,23 @@ All prompts in this library target the [Telerik Blazor MCP Server](slug:ai-mcp-s
#telerikBlazorAssistant Build a column chart that shows quarterly sales by region.
99
+
#telerik_blazor_assistant Build a column chart that shows quarterly sales by region.
100
100
````
101
101
102
102
````TEXT.skip-repl
103
-
#telerikBlazorAssistant Build a column chart that shows quarterly sales by region with drill-down functionality to show monthly data when clicking on a quarter.
103
+
#telerik_blazor_assistant Build a column chart that shows quarterly sales by region with drill-down functionality to show monthly data when clicking on a quarter.
104
104
````
105
105
106
106
</div>
@@ -110,11 +110,11 @@ All prompts in this library target the [Telerik Blazor MCP Server](slug:ai-mcp-s
#telerikBlazorAssistant Create two cascading DropDownLists where the second list depends on the first selection. Use Categories and Products data with a simple relationship.
141
+
#telerik_blazor_assistant Create two cascading DropDownLists where the second list depends on the first selection. Use Categories and Products data with a simple relationship.
142
142
````
143
143
144
144
````TEXT.skip-repl
145
-
#telerikBlazorAssistant Create a DropDownList with countries data and enabled filtering.
145
+
#telerik_blazor_assistant Create a DropDownList with countries data and enabled filtering.
146
146
````
147
147
148
148
</div>
@@ -152,23 +152,23 @@ All prompts in this library target the [Telerik Blazor MCP Server](slug:ai-mcp-s
#telerikBlazorAssistant Create a DatePicker that disables weekends.
155
+
#telerik_blazor_assistant Create a DatePicker that disables weekends.
156
156
````
157
157
158
158
````TEXT.skip-repl
159
-
#telerikBlazorAssistant Create two DatePickers for "From" and "To" date selection where the "To" picker's min date updates based on "From" selection.
159
+
#telerik_blazor_assistant Create two DatePickers for "From" and "To" date selection where the "To" picker's min date updates based on "From" selection.
160
160
````
161
161
162
162
````TEXT.skip-repl
163
-
#telerikBlazorAssistant Render a DatePicker with a default selected date.
163
+
#telerik_blazor_assistant Render a DatePicker with a default selected date.
164
164
````
165
165
166
166
````TEXT.skip-repl
167
-
#telerikBlazorAssistant Configure the DatePicker to show week numbers in its calendar popup.
167
+
#telerik_blazor_assistant Configure the DatePicker to show week numbers in its calendar popup.
168
168
````
169
169
170
170
````TEXT.skip-repl
171
-
#telerikBlazorAssistant Change the display format in the DatePicker so dates show as 'MM/dd/yyyy'.
171
+
#telerik_blazor_assistant Change the display format in the DatePicker so dates show as 'MM/dd/yyyy'.
172
172
````
173
173
174
174
</div>
@@ -178,15 +178,15 @@ All prompts in this library target the [Telerik Blazor MCP Server](slug:ai-mcp-s
0 commit comments