split to two pages

Author: dimodi

common-features/ai-code-assistant.md renamed to ai/ai-coding-assistant.md

@@ -1,14 +1,14 @@
 ---
-title: AI Code Assistant
-page_title: Telerik Blazor AI Code Assistant
+title: AI Coding Assistant
+page_title: Telerik Blazor AI Coding Assistant
 description: 
-slug: common-features-ai-code-assistant
+slug: ai-tooling-ai-coding-assistant
 tags: telerik,blazor,ai
 published: True
-position: 60
+position: 20
 ---
 
-# Telerik Blazor AI Code Assistant
+# Telerik Blazor AI Coding Assistant
 
 Telerik UI for Blazor provides a [GitHub Copilot](https://github.com/features/copilot) extension. If you are using GitHub Copilot, the extension can generate code snippets that include Telerik UI for Blazor components and API.
 
@@ -57,4 +57,4 @@ To use the Telerik MCP server in Copilot Agent mode:
 ## See Also 
 
 * [GitHub Copilot Tutorials](https://github.com/features/copilot/tutorials).
-* [Integrate Telerik UI for Blazor with Microsoft.Extensions.AI](slug:common-features-microsoft-extensions-ai-integration)
+* [Telerik MCP Server](slug:ai-tooling-mcp-server)

ai/mcp-server.md

@@ -0,0 +1,39 @@
+---
+title: MCP Server
+page_title: Telerik MCP Server
+description: 
+slug: ai-mcp-server
+tags: telerik,blazor,ai
+published: True
+position: 10
+---
+
+# Telerik MCP Server
+
+Telerik UI for Blazor provides a [GitHub Copilot](https://github.com/features/copilot) extension. If you are using GitHub Copilot, the extension can generate code snippets that include Telerik UI for Blazor components and API.
+
+## Prerequisites
+
+## Installation
+
+The [Agent mode of GitHub Copilot](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) allows you to prompt AI for more complex tasks that require a multi-step process and affect more files.
+
+To use the Telerik MCP server in Copilot Agent mode:
+
+1. Create a `.vscode/mcp.json` file in your workspace (application root).
+1. Go to the [`telerik-blazor-mcp`](https://www.npmjs.com/package/@progress/telerik-blazor-mcp?activeTab=readme) npm package page and copy-paste the contents of `mcp.json`.
+1. At the bottom of the Copilot Chat pane, select **Agent** from the dropdown that contains **Ask**, **Edit**, and **Agent**.
+
+> Do not click the **Add Server** button at the bottom-right of the open JSON file.
+> Do not execute `npm install @progress/telerik-blazor-mcp` manually.
+> Do not use `@telerikblazor` in your prompts, because the Copilot Agent mode does not use extensions.
+
+## Usage
+
+Start your prompt with `@TelerikBlazor` and type your request.
+
+If you want to prompt for code that is not related to your previous prompts, then use a new Chat, so that the new context is not polluted by irrelevant old information.
+
+## See Also 
+
+* [Telrik Blazor extension for GitHub Copilot](slug:ai-tooling-ai-coding-assistant).

docs-builder.yml

@@ -591,6 +591,9 @@ meta:
   common-features:
     title: Common Features
     position: 15
+  ai:
+    title: AI Tooling
+    position: 14
   styling-and-themes:
     title: Styling and Themes
     position: 12

getting-started/client-blazor.md

@@ -109,7 +109,7 @@ If you prefer video instructions, you can also check the video tutorial below.
 
 ## Next Steps
 
-* Install the [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant) to generate code snippets that include Telerik UI for Blazor components and API.
+* Use the [Telerik Blazor MCP server](slug:ai-tooling-mcp-server) or the [Telerik Blazor GitHub Copilot extension](slug:ai-tooling-ai-coding-assistant) to generate code snippets that include Telerik UI for Blazor components and API.
 
 ## See Also
 

getting-started/hybrid-blazor.md

@@ -127,7 +127,7 @@ Refer to the following articles for more information on each technology stack:
 ## Next Steps
 
 * [Explore the specifics of Telerik UI for Blazor in native MAUI](slug:hybrid-blazor-apps)
-* Install the [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant) to generate code snippets that include Telerik UI for Blazor components and API.
+* Use the [Telerik Blazor MCP server](slug:ai-tooling-mcp-server) or the [Telerik Blazor GitHub Copilot extension](slug:ai-tooling-ai-coding-assistant) to generate code snippets that include Telerik UI for Blazor components and API.
 
 ## See Also
 

getting-started/vs-code-integration/introduction.md

@@ -30,4 +30,4 @@ To access the VS Code extension, press `Ctrl`+`Shift`+`P` on Windows/Linux or `C
 
 ## See Also
 
-* [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant)
+* [Telerik GitHub Copilot extension for Blazor](slug:ai-tooling-ai-coding-assistant)

getting-started/vs-integration/introduction.md

@@ -35,4 +35,4 @@ To access the Telerik Visual Studio extension, go to the **Extensions** > **Tele
 * [Creating New Projects with Visual Studio](slug:getting-started-vs-integration-new-project)
 * [Converting Existing Projects with Visual Studio](slug:getting-started-vs-integration-convert-project)
 * [Downloading the Latest Telerik UI for Blazor Versions](slug:getting-started-vs-integration-latest-version)
-* [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant)
+* [Telerik GitHub Copilot extension for Blazor](slug:ai-tooling-ai-coding-assistant)

getting-started/web-app.md

@@ -123,7 +123,7 @@ The final step in this tutorial is to use a Telerik UI for Blazor component in a
 
 ## Next Steps
 
-* Install the [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant) to generate code snippets that include Telerik UI for Blazor components and API.
+* Use the [Telerik Blazor MCP server](slug:ai-tooling-mcp-server) or the [Telerik Blazor GitHub Copilot extension](slug:ai-tooling-ai-coding-assistant) to generate code snippets that include Telerik UI for Blazor components and API.
 
 ## See Also
 

getting-started/what-you-need.md

@@ -264,7 +264,7 @@ The Blazor application is ready to use Telerik components.
 
 ## Next Steps
 
-* Install the [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant) to generate code snippets that include Telerik UI for Blazor components and API.
+* Use the [Telerik Blazor MCP server](slug:ai-tooling-mcp-server) or the [Telerik Blazor GitHub Copilot extension](slug:ai-tooling-ai-coding-assistant) to generate code snippets that include Telerik UI for Blazor components and API.
 
 ## See Also
 

introduction.md

@@ -222,7 +222,7 @@ To use UI for Blazor commercially, you need to <a href="https://www.telerik.com/
 
 For questions and issues related to Telerik UI for Blazor, use any of the available support channels:
 
-* The [Telerik GitHub Copilot extension for Blazor](slug:common-features-ai-code-assistant) can help you generate code snippets that include Telerik UI for Blazor components and API.
+* The [Telerik Blazor MCP server](slug:ai-tooling-mcp-server) and the [Telerik Blazor GitHub Copilot extension](slug:ai-tooling-ai-coding-assistant) can help you generate code snippets that include Telerik UI for Blazor components and API.
 
 * License holders and active trialists can take advantage of our outstanding customer support. To submit a support ticket, use the dedicated [UI for Blazor support](https://www.telerik.com/account/support-tickets/) system.