docs(Copilot): Initial commit

Author: dimodi

common-features/adaptive-rendering.md

@@ -5,7 +5,7 @@ description: Explore how the components with popup elements can react to the cha
 slug: adaptive-rendering
 tags: telerik,blazor,adaptive,rendering,mobile
 published: True
-position: 1
+position: 10
 ---
 
 # Adaptive Rendering

common-features/ai-code-assistant.md

@@ -0,0 +1,60 @@
+---
+title: AI Code Assistant
+page_title: Telerik Blazor AI Code Assistant
+description: 
+slug: common-features-ai-code-assistant
+tags: telerik,blazor,ai
+published: True
+position: 60
+---
+
+# Telerik Blazor AI Code 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.
+
+## Prerequisites
+
+To use the Telerik GitHub Copilot extension for Blazor, you need to have:
+
+* An active [https://github.com/features/copilot](https://github.com/features/copilot) subscription. You can enable or configure GitHub Copilot on the [Copilot Settings page in your GitHub account](https://github.com/settings/copilot).
+* An active [DevCraft or Telerik UI for Blazor license](https://www.telerik.com/purchase/blazor-ui).
+
+## Installation
+
+To install the Telerik GitHub Copilot extension:
+
+1. Go to the [TelerikBlazor GitHub App](https://github.com/apps/telerikblazor) page.
+1. Click the **Install** button.
+1. You will see a list that includes your GitHub account and all GitHub organizations that you are part of. Select your GitHub account.
+1. Click the **Install & Authorize** button. This will authorize the GitHub Copilot extension to integrate with your GitHub account.
+1. Enter your GitHub password.
+
+On first usage, you have to authenticate with your Telerik credentials:
+
+1. Click the **Authorize** button
+1. Enter your Telerik email and password. This will authorize the GitHub Copilot extension to integrate with your Telerik account.
+
+## 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.
+
+### Add Telerik MCP Server to VS Code
+
+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.
+
+## 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)

common-features/dimensions.md

@@ -5,7 +5,7 @@ description: How dimensions work and are set in the Telerik UI for Blazor compon
 slug: common-features/dimensions
 tags: telerik,blazor,dimensions,width,height,percent,pixel
 published: True
-position: 7
+position: 80
 ---
 
 # Dimensions

common-features/icons.md

@@ -6,7 +6,7 @@ slug: common-features-icons
 tags: telerik,blazor,icon,font,built-in
 published: True
 previous_url: /common-features/font-icons
-position: 1
+position: 20
 ---
 
 # Blazor SVG and Font Icons

common-features/input-adornments.md

@@ -5,7 +5,7 @@ description: How to add prefix and suffix adornments in the input elements of th
 slug: common-features/input-adornments
 tags: telerik,blazor,input,adornments,prefix,suffix
 published: True
-position: 2
+position: 30
 ---
 
 # Input Adornments

common-features/input-validation.md

@@ -5,7 +5,7 @@ description: How to validate Blazor inputs.
 slug: common-features/input-validation
 tags: telerik,blazor,validation,data,annotation,form
 published: True
-position: 3
+position: 40
 ---
 # Input Validation
 

common-features/loading-sign.md

@@ -5,7 +5,7 @@ description: Components that peform long running operations can show a loading i
 slug: common-features-loading-sign
 tags: telerik,blazor,loading,sign,busy,indicator,data
 published: True
-position: 5
+position: 70
 ---
 
 # Loading Sign

common-features/microsoft-extensions-ai-integration.md

@@ -5,7 +5,7 @@ description: How to integrate the UI for Blazor components with Microsoft.Extens
 slug: common-features-microsoft-extensions-ai-integration
 tags: telerik,blazor,aiprompt,ai,extensions,integration
 published: True
-position: 4
+position: 50
 ---
 
 # Integration with Microsoft.Extensions.AI

getting-started/client-blazor.md

@@ -107,6 +107,10 @@ If you prefer video instructions, you can also check the video tutorial below.
 
 <iframe width="560" height="315" src="https://www.youtube.com/embed/fwR8Yxe7DPQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
+## 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.
+
 ## See Also
 
 * [Workflow Details for Telerik UI for Blazor](slug:getting-started/what-you-need)

getting-started/hybrid-blazor.md

@@ -127,6 +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.
 
 ## See Also