diff --git a/_contentTemplates/common/get-started.md b/_contentTemplates/common/get-started.md index a59f43f57..eeb3892e8 100644 --- a/_contentTemplates/common/get-started.md +++ b/_contentTemplates/common/get-started.md @@ -208,4 +208,10 @@ This will make the license key available to all Telerik .NET apps that you devel The [Telerik License Key](slug:installation-license-key) article provides additional details on installing and updating your Telerik license key in different scenarios. [Automatic license key maintenance](slug:installation-license-key#automatic-installation) is more effective and recommended in the long run. +#end + +#ai-coding-assistant-ad + +Use the [Telerik AI Coding Assistant](slug:ai-overview) through the [Telerik Blazor MCP server](slug:ai-mcp-server) or the [Telerik Blazor GitHub Copilot extension](slug:ai-copilot-extension). These tools help you receive tips and generate code snippets that include Telerik UI for Blazor components and API. + #end \ No newline at end of file diff --git a/ai/overview.md b/ai/overview.md index cc6aecffc..828b0810a 100644 --- a/ai/overview.md +++ b/ai/overview.md @@ -19,8 +19,8 @@ The Telerik AI Coding Assistant is integrated in: The major differences between these tools are: -* The MCP server is more powerful and can handle more complex prompts that require several requests to the AI model. An MCP-enabled client like GitHub Copilot in **Agent** mode can make changes to your app and rebuild it to verify the AI suggestions. -* The responses of the GitHub Copilot extension may contain shorter or partial code snippets and more explanations how to accomplish the task. When using the MCP server, the AI response is mostly code. +* The MCP server is more powerful and can handle more complex prompts that require several requests to the AI model. An MCP-enabled client like Cursor or GitHub Copilot in **Agent** mode can directly suggest changes to your app and even rebuild it to verify the new AI generated code. +* The responses of the GitHub Copilot extension may contain more explanations how to accomplish the task, and shorter or partial code snippets. When using the MCP server, the AI response is mostly code. ## Getting Started diff --git a/getting-started/client-blazor.md b/getting-started/client-blazor.md index 2f8842922..44a9c688f 100644 --- a/getting-started/client-blazor.md +++ b/getting-started/client-blazor.md @@ -101,9 +101,9 @@ The final step in this tutorial is to use a Telerik UI for Blazor component in a @[template](/_contentTemplates/common/get-started.md#add-component-sample) -## Step 7: Install Telerik AI Coding Assistants +## Step 7: Install the Telerik AI Coding Assistant -Use the [Telerik Blazor MCP server](slug:ai-mcp-server) or the [Telerik Blazor GitHub Copilot extension](slug:ai-copilot-extension) to generate code snippets that include Telerik UI for Blazor components and API. +@[template](/_contentTemplates/common/get-started.md#ai-coding-assistant-ad) @[template](/_contentTemplates/common/get-started.md#next-steps-after-getting-started) diff --git a/getting-started/hybrid-blazor.md b/getting-started/hybrid-blazor.md index 11e97cc0f..d0e05ef9a 100644 --- a/getting-started/hybrid-blazor.md +++ b/getting-started/hybrid-blazor.md @@ -114,9 +114,9 @@ namespace MyBlazorMauiAppName Add your desired Telerik Blazor components in the app as in a native Blazor app. Explore the available UI for Blazor components and their features in our [live demos](https://demos.telerik.com/blazor-ui). -### 8. Install Telerik AI Coding Assistants +### 8. Install the Telerik AI Coding Assistant -* Use the [Telerik Blazor MCP server](slug:ai-mcp-server) or the [Telerik Blazor GitHub Copilot extension](slug:ai-copilot-extension) to generate code snippets that include Telerik UI for Blazor components and API. +@[template](/_contentTemplates/common/get-started.md#ai-coding-assistant-ad) ## Running the Blazor Hybrid App diff --git a/getting-started/web-app.md b/getting-started/web-app.md index d279ea385..a7e4af95b 100644 --- a/getting-started/web-app.md +++ b/getting-started/web-app.md @@ -121,9 +121,9 @@ The final step in this tutorial is to use a Telerik UI for Blazor component in a @[template](/_contentTemplates/common/get-started.md#add-component-sample) -## Step 7: Install Telerik AI Coding Assistants +## Step 7: Install the Telerik AI Coding Assistant -Use the [Telerik Blazor MCP server](slug:ai-mcp-server) or the [Telerik Blazor GitHub Copilot extension](slug:ai-copilot-extension) to generate code snippets that include Telerik UI for Blazor components and API. +@[template](/_contentTemplates/common/get-started.md#ai-coding-assistant-ad) @[template](/_contentTemplates/common/get-started.md#next-steps-after-getting-started) diff --git a/getting-started/what-you-need.md b/getting-started/what-you-need.md index 4f73679c6..378d63510 100644 --- a/getting-started/what-you-need.md +++ b/getting-started/what-you-need.md @@ -37,7 +37,7 @@ The required milestones to obtain and use Telerik UI for Blazor are: 1. Add the [CSS theme and JavaScript file](#css-theme-and-javascript-files). 1. Add the [``](#telerikrootcomponent). 1. [Add components to a view](#add-telerik-components-to-a-view). -1. Install [Telerik Blazor AI coding assistants](#install-telerik-ai-coding-assistants). +1. Install the [Telerik Blazor AI Coding Assistant](#install-the-telerik-ai-coding-assistant). ## NuGet Packages @@ -261,9 +261,9 @@ The Blazor application is ready to use Telerik components. } ```` -## Install Telerik AI Coding Assistants +## Install the Telerik AI Coding Assistant -* Use the [Telerik Blazor MCP server](slug:ai-mcp-server) or the [Telerik Blazor GitHub Copilot extension](slug:ai-copilot-extension) to generate code snippets that include Telerik UI for Blazor components and API. +@[template](/_contentTemplates/common/get-started.md#ai-coding-assistant-ad) @[template](/_contentTemplates/common/get-started.md#next-steps-after-getting-started) diff --git a/introduction.md b/introduction.md index 7a38236ec..b34fc00c0 100644 --- a/introduction.md +++ b/introduction.md @@ -222,7 +222,7 @@ To use UI for Blazor commercially, you need to