Merge pull request #7048 from syncfusion-content/984330-AI-Prompt

Updated Blazor common Getting Started code snippet and common UG documentation using AI prompt

Author: rajendranr-5483

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

@@ -1,19 +1,19 @@
 ---
 layout: post
-title: SyncfusionBlazorAssistant MCP Server | Syncfusion
-description: Learn how to configure and use SyncfusionBlazorAssistant MCP server for intelligent code generation, documentation, and troubleshooting in Blazor apps.
+title: SyncfusionBlazorAssistant MCP server | Syncfusion
+description: Learn how to configure and use SyncfusionBlazorAssistant MCP server for intelligent code generation, documentation, and troubleshooting in Blazor applications.
 control: Getting started with SyncfusionBlazorAssistant MCP Server
 platform: Blazor
 documentation: ug
 ---
 
-# SyncfusionBlazorAssistant MCP Server
+# SyncfusionBlazorAssistant MCP server
 
 ## Overview
 
-The [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) is a specialized [Model Context Protocol (MCP)](https://modelcontextprotocol.io/docs/getting-started/intro) server that provides intelligent assistance for developers using Syncfusion's Blazor component libraries. This tool seamlessly integrates with compatible [MCP clients](https://modelcontextprotocol.io/clients) to enhance your development workflow when building Blazor applications with Syncfusion<sup style="font-size:70%">&reg;</sup> components.
+The [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) is a specialized [Model Context Protocol (MCP)](https://modelcontextprotocol.io/docs/getting-started/intro) server that provides intelligent assistance for developers using Syncfusion Blazor component libraries. This tool seamlessly integrates with compatible [MCP clients](https://modelcontextprotocol.io/clients) to enhance your development workflow when building Blazor applications with Syncfusion<sup style="font-size:70%">&reg;</sup> components.
 
-### Key Benefits
+### Key benefits
 
 * Intelligent code generation for Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components.
 * Detailed component documentation and usage examples.
@@ -23,15 +23,15 @@ The [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor
 
 Before using [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant), ensure you have:
 
-* Required [node](https://nodejs.org/en/) version >= 18
-* A [compatible MCP client](https://modelcontextprotocol.io/clients) (Visual Studio Code with GitHub Copilot, [Syncfusion<sup style="font-size:70%">&reg;</sup> CodeStudio](https://www.syncfusion.com/code-studio/), etc.)
+* Required [Node.js](https://nodejs.org/en/) version >= 18
+* A [compatible MCP client](https://modelcontextprotocol.io/clients) (Visual Studio Code with GitHub Copilot, [Syncfusion<sup style="font-size:70%">&reg;</sup> Code Studio](https://www.syncfusion.com/code-studio/), etc.)
 * An active Syncfusion<sup style="font-size:70%">&reg;</sup> license (any of the following):
   - [Commercial License](https://www.syncfusion.com/sales/unlimitedlicense)
   - [Free Community License](https://www.syncfusion.com/products/communitylicense)
   - [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials)
-* An active [API KEY](https://syncfusion.com/account/api-key)
+* An active [API key](https://www.syncfusion.com/account/api-key)
 
-## Unlimited Access
+## Unlimited access
 
 Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to this MCP server. There are no restrictions on:
 
@@ -46,15 +46,15 @@ This ensures users can fully leverage Syncfusion<sup style="font-size:70%">&reg;
 
 Before you can invoke the `SyncfusionBlazorAssistant` MCP server, you need to configure your MCP client with these core settings. The **Generic MCP Server Settings** shown below are identical across all clients:
 
-### Generic MCP Server Settings
+### Generic MCP server settings
 
 - **npm package name**: `@syncfusion/blazor-assistant`
 - **Type**: stdio (standard input/output transport)
 - **Command**: npx
 - **Arguments**: -y
 - **Server name**: syncfusionBlazorAssistant
 
-You need to add your [Syncfusion API key](https://syncfusion.com/account/api-key) as an env parameter in the configuration file:
+You need to add your [Syncfusion API key](https://www.syncfusion.com/account/api-key) as an env parameter in the configuration file:
 
 ```json
 "env": {
@@ -93,7 +93,7 @@ Below are setup instructions for popular MCP clients:
 }
 ```
 
-* 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.
+* After updating the configuration in mcp.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.
 
 * Confirm the server is active by checking for a message like: `SyncfusionBlazorAssistant is running...` in the output.
 
@@ -176,7 +176,7 @@ For more details, refer to the [Cursor documentation](https://cursor.com/docs/co
 
 For further assistance, see the [JetBrains documentation](https://www.jetbrains.com/help/ai-assistant/mcp.html#connect-to-an-mcp-server).
 
-> 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)
+> For more detailed information about configuring MCP servers in various clients, refer to the official documentation, e.g., [Windsurf](https://docs.windsurf.com/windsurf/cascade/mcp#mcp-config-json)
 
 ## Usage
 
@@ -199,7 +199,7 @@ To activate the SyncfusionBlazorAssistant MCP server:
 
 Syncfusion<sup style="font-size:70%">&reg;</sup> MCP Servers provide full access to all AI interaction modes — Ask/Chat, Edit, and Agent — across supported MCP clients.
 
-### Best Practices for Effective Usage
+### Best practices for effective usage
 
 1. `Be specific`: Mention both platform and component (e.g., "How do I create a Syncfusion Blazor Grid with paging and filtering?").
 2. `Provide context`: Include details about your use case for more targeted solutions.
@@ -225,7 +225,7 @@ If you encounter issues:
 
 ## Support
 
-Product support is available through the following mediums.
+Product support is available through the following channels.
 
 * [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours \| Unlimited tickets \| Holiday support
 * [Community forum](https://www.syncfusion.com/forums/blazor-components)
@@ -234,4 +234,4 @@ Product support is available through the following mediums.
 
 ## See also
 
-* [Syncfusion Blazor Documentation](https://blazor.syncfusion.com/documentation)
+* [Syncfusion Blazor documentation](https://blazor.syncfusion.com/documentation)

blazor/ai-coding-assistant/overview.md

@@ -1,36 +1,36 @@
 ---
 layout: post
-title: Syncfusion AI Coding Assistant Overview | Syncfusion
-description: Learn how Syncfusion AI Coding Assistant boost Blazor productivity by generating accurate code snippets, configuration examples, and contextual guidance.
+title: Syncfusion AI Coding Assistant overview | Syncfusion
+description: Learn how the Syncfusion AI Coding Assistant boosts Blazor productivity by generating accurate code snippets, configuration examples, and contextual guidance.
 control: Syncfusion AI Coding Assistant Overview
 platform: Blazor
 documentation: ug
 ---
 
-# Syncfusion® AI Coding Assistant Overview
+# Syncfusion® AI Coding Assistant overview
 
-The **Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant** are designed to streamline your development workflow when building Blazor applications with Syncfusion<sup style="font-size:70%">&reg;</sup> components. It uses contextual knowledge of the Syncfusion<sup style="font-size:70%">&reg;</sup> component library to generate accurate code snippets, configuration examples, and guided explanations—minimizing documentation searches and maximizing productivity.
+The **Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant** is designed to streamline development when building Blazor applications with Syncfusion<sup style="font-size:70%">&reg;</sup> components. It uses contextual knowledge of the Syncfusion<sup style="font-size:70%">&reg;</sup> component library to generate accurate code snippets, configuration examples, and guided explanations—minimizing documentation searches and maximizing productivity.
 
-AI Coding Assistant:
+AI Coding Assistants:
 
-* **The SyncfusionBlazorAssistant MCP Server**
-  Processes advanced prompts and returns tailored code suggestions via [MCP-compatible clients](https://modelcontextprotocol.io/clients).
+* **SyncfusionBlazorAssistant MCP server**
+  Processes prompts and returns tailored code suggestions through [MCP-compatible clients](https://modelcontextprotocol.io/clients).
 
-## Getting Started
+## Getting started
 
-To use the AI Coding Assistant, you need:
+To use the AI Coding Assistant, the following are required:
 
 * A [Syncfusion<sup style="font-size:70%">&reg;</sup> user account](https://www.syncfusion.com/account)
 * An active Syncfusion<sup style="font-size:70%">&reg;</sup> license (any of the following):
   - [Commercial License](https://www.syncfusion.com/sales/unlimitedlicense)
   - [Free Community License](https://www.syncfusion.com/products/communitylicense)
   - [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials)
-* An active [API KEY](https://syncfusion.com/account/api-key)
+* An active [API key](https://www.syncfusion.com/account/api-key)
 * A [Blazor application that includes SyncfusionBlazor](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app)
 
-## Unlimited Access
+## Unlimited access
 
-Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to the AI Coding Assistant, with no limitations on:
+Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to the AI Coding Assistant with no limitations on:
 
 * Number of requests
 * Components usage
@@ -39,31 +39,33 @@ Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to the
 
 This ensures users can fully leverage Syncfusion<sup style="font-size:70%">&reg;</sup> components to enhance their development experience without limitations.
 
-## Best Practices
+## Best practices
 
 * Initial Setup: Use the tools to quickly add and configure Syncfusion<sup style="font-size:70%">&reg;</sup> components in your Blazor application.
 * Feature Tuning: Enable or disable component features through prompt-based configuration for tailored functionality.
 * Data Binding: Generate sample data for testing and prototyping. Avoid using sensitive or production data to ensure security.
-* Step-by-step explanations: Use annotated code to understand component behavior. Note that the level of detail may vary depending on the tool, mode, and AI model used. Refer to the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Documentation](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) for in-depth information.
+* Step-by-step explanations: Use annotated code to understand component behavior. The level of detail may vary based on the tool, mode, and AI model. Refer to the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor documentation](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) for in-depth information.
+* Troubleshooting: Resolve common issues with AI-generated suggestions. For complex problems, see the [documentation](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) or contact [support](https://support.syncfusion.com/support/tickets/create).
+
 * Troubleshooting: Resolve common issues with AI-generated suggestions. For complex problems, refer to [documentation](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) or [support](https://support.syncfusion.com/support/tickets/create).
 
 > Always check AI-generated content and code for accuracy before using it.
 
 ## Recommendations
 
 * Session Management: Start new sessions when switching tasks to ensure prompt relevance and maintain content focus.
-* Model Compatibility: For optimal performance, use the tools with advanced AI models such as GPT-5 or Claude Sonnet 4.
+* Model compatibility: For optimal performance, use the tools with advanced AI models such as GPT-5 or Claude Sonnet 4.
 
-## Privacy & Data Handling
+## Privacy and data handling
 
 The Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant is designed with privacy in mind:
 
 * The tools do not access your project files or workspace directly.
 * User prompts are not stored by any of the tools or used for any other purpose.
 * Prompts are not used to train Syncfusion<sup style="font-size:70%">&reg;</sup> models.
-* The assistant generates context, while the final output is handled by your selected AI model.
+* The assistant provides context, while the final output is generated by the AI model selected in your client.
 
 ## See also
 
-* Add the [SyncfusionBlazorAssistant MCP Server](https://blazor.syncfusion.com/documentation/ai-coding-assistant/mcp-server) to an MCP-enabled client
-* [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Documentation](https://blazor.syncfusion.com/documentation)
+* Add the [SyncfusionBlazorAssistant MCP server](https://blazor.syncfusion.com/documentation/ai-coding-assistant/mcp-server) to an MCP-enabled client
+* [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor documentation](https://blazor.syncfusion.com/documentation)

blazor/getting-started/blazor-server-side-visual-studio.md

@@ -227,7 +227,7 @@ N> If an Interactivity Location is set to `Global` and the **Render Mode** is se
         {
             OrderID = 1000 + x,
             CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
-            Freight = 2.1 * x,
+            Freight = 2 * x,
             OrderDate = DateTime.Now.AddDays(-x),
         }).ToList();
     }

blazor/getting-started/blazor-web-app.md

@@ -293,7 +293,7 @@ N> If an **Interactivity Location** is set to `Global` and the **Render Mode** i
         {
             OrderID = 1000 + x,
             CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
-            Freight = 2.1 * x,
+            Freight = 2 * x,
             OrderDate = DateTime.Now.AddDays(-x),
         }).ToList();
     }

blazor/getting-started/blazor-webassembly-app.md

@@ -217,7 +217,7 @@ Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid compone
         {
             OrderID = 1000 + x,
             CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
-            Freight = 2.1 * x,
+            Freight = 2 * x,
             OrderDate = DateTime.Now.AddDays(-x),
         }).ToList();
     }