From 785326ba4afe5bfe0c71eff2151bebc3f3e48144 Mon Sep 17 00:00:00 2001
From: SubashiniMahendran <subashini.mahendran@syncfusion.com>
Date: Wed, 19 Nov 2025 19:06:58 +0530
Subject: [PATCH 1/3] Added documentation content for mcp server support in WPF
 platform

---
 wpf-toc.html                          |   6 +
 wpf/AI-Coding-Assistant/mcp-server.md | 236 ++++++++++++++++++++++++++
 wpf/AI-Coding-Assistant/overview.md   |  70 ++++++++
 3 files changed, 312 insertions(+)
 create mode 100644 wpf/AI-Coding-Assistant/mcp-server.md
 create mode 100644 wpf/AI-Coding-Assistant/overview.md

diff --git a/wpf-toc.html b/wpf-toc.html
index e8a4b44f8..e66cd233c 100644
--- a/wpf-toc.html
+++ b/wpf-toc.html
@@ -9,6 +9,12 @@
 	<li>
 	   <a href="/wpf/System-Requirements">System Requirements</a>
 	</li>
+    <li>AI Coding Assistant
+		<ul>
+			<li><a href="/wpf/ai-coding-assistant/overview">Overview</a></li>
+			<li><a href="/wpf/ai-coding-assistant/mcp-server">MCP Server</a></li>
+		</ul> 
+	</li>
 	<li>Installation<ul>
 	    <li>Web Installer
 	    <ul>
diff --git a/wpf/AI-Coding-Assistant/mcp-server.md b/wpf/AI-Coding-Assistant/mcp-server.md
new file mode 100644
index 000000000..38c8ad1a5
--- /dev/null
+++ b/wpf/AI-Coding-Assistant/mcp-server.md
@@ -0,0 +1,236 @@
+---
+layout: post
+title: SyncfusionWPFAssistant MCP Server | Syncfusion
+description: Learn how to configure and use SyncfusionWPFAssistant MCP server for intelligent code generation, documentation, and troubleshooting in WPF apps.
+platform: wpf
+control: Getting started with SyncfusionWPFAssistant MCP Server
+documentation: ug
+---
+
+# SyncfusionWPFAssistant MCP Server
+
+## Overview
+
+The [SyncfusionWPFAssistant](https://www.npmjs.com/package/@syncfusion/wpf-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 WPF component libraries. This tool seamlessly integrates with compatible [MCP clients](https://modelcontextprotocol.io/clients) to enhance your development workflow when building WPF applications with Syncfusion<sup style="font-size:70%">&reg;</sup> components.
+
+### Key Benefits
+
+* Intelligent code generation for Syncfusion<sup style="font-size:70%">&reg;</sup> WPF components.
+* Detailed component documentation and usage examples.
+* Troubleshooting assistance for common integration challenges.
+
+## Prerequisites
+
+Before using [SyncfusionWPFAssistant](https://www.npmjs.com/package/@syncfusion/wpf-assistant), ensure you have:
+
+* Required [node](https://nodejs.org/en/) version >= 18
+* A [compatible MCP client](https://modelcontextprotocol.io/clients) (VS Code with GitHub Copilot, [Syncfusion<sup style="font-size:70%">&reg;</sup> CodeStudio](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)
+
+## Unlimited Access
+
+Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to this MCP server. There are no restrictions on:
+
+* Number of requests
+* Components usage
+* Query types
+* Usage duration
+
+This ensures users can fully leverage Syncfusion<sup style="font-size:70%">&reg;</sup> components to enhance their development experience without limitations.
+
+## Installation and setup
+
+Before you can invoke the `SyncfusionWPFAssistant` 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
+
+- **npm package name**: `@syncfusion/wpf-assistant`
+- **Type**: stdio (standard input/output transport)
+- **Command**: npx
+- **Arguments**: -y
+- **Server name**: SyncfusionWPFAssistant
+
+You need to add your [Syncfusion API key](https://syncfusion.com/account/api-key) as an env parameter in the configuration file:
+
+```json
+"env": {
+  "Syncfusion_API_Key": "YOUR_API_KEY"
+}
+```
+
+Below are setup instructions for popular MCP clients:
+
+### Syncfusion<sup style="font-size:70%">&reg;</sup> Code Studio
+
+* In [Code Studio](https://www.syncfusion.com/code-studio/), open MCP Marketplace and navigate to the `Custom Servers` tab.
+* Enter the Server Name as `wpf-mcp`, choose Server Type as npm package, and set the NPM Package name to `@syncfusion/wpf-assistant`.
+* Add an environment variable as `Syncfusion_API_Key` and value as your [Syncfusion API key](https://syncfusion.com/account/api-key), then click **Install Server**.
+* Once installed, the server will appear in the User Installed Server list, and will be added to the **config.yaml** file.
+* The server is now ready for use in Code Studio. For more details, refer to the [Code Studio documentation](https://help.syncfusion.com/code-studio/reference/configure-properties/mcp/customservers#npm-server).
+
+### Visual Studio Code (GitHub Copilot MCP)
+
+* To configure an MCP server for a specific workspace, you can create a `.vscode/mcp.json` file in your workspace folder.
+
+```json
+{
+  "servers": {
+    "syncfusion-wpf-assistant": {
+      "type": "stdio",
+      "command": "npx",
+      "args": [
+        "-y",
+        "@syncfusion/wpf-assistant@latest"
+      ],
+      "env": {
+        "Syncfusion_API_Key": "YOUR_API_KEY"
+      }
+    }
+  }
+}
+```
+
+* 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 [SyncfusionWPFAssistant](https://www.npmjs.com/package/@syncfusion/wpf-assistant) server directly from the settings interface without additional commands.
+
+* Confirm the server is active by checking for a message like: `SyncfusionWPFAssistant is running...` in the output.
+
+* For additional guidance, refer to the [VS Code documentation](https://code.visualstudio.com/docs/copilot/customization/mcp-servers#_add-an-mcp-server).
+
+### Visual Studio (GitHub Copilot MCP)
+
+* To configure an MCP server for a specific workspace, you can create a `.vs/mcp.json` file in your workspace folder.
+
+```json
+{
+  "servers": {
+    "syncfusion-wpf-assistant": {
+      "type": "stdio",
+      "command": "npx",
+      "args": [
+        "-y",
+        "@syncfusion/wpf-assistant@latest"
+      ],
+      "env": {
+        "Syncfusion_API_Key": "YOUR_API_KEY"
+      }
+    }
+  }
+}
+```
+
+* After updating the mcp.json configuration, open the GitHub Copilot Chat window. Click the Ask arrow, then select Agent.
+* Select the [SyncfusionWPFAssistant](https://www.npmjs.com/package/@syncfusion/wpf-assistant) from the tools section.
+* For more details, refer to the official [Visual Studio documentation](https://learn.microsoft.com/en-us/visualstudio/ide/mcp-servers?view=vs-2022).
+
+### Cursor
+
+To configure an MCP server for a specific workspace, you can create a .cursor/mcp.json file in your workspace folder.
+
+```json
+{
+  "mcpServers": {
+    "syncfusion-wpf-assistant": {
+      "type": "stdio",
+      "command": "npx",
+      "args": [
+        "-y",
+        "@syncfusion/wpf-assistant@latest"
+      ],
+      "env": {
+       "Syncfusion_API_Key": "YOUR_API_KEY"
+      }
+    }
+  }
+}
+```
+For more details, refer to the [Cursor documentation](https://cursor.com/docs/context/mcp#using-mcp-json).
+
+### JetBrains IDEs
+
+* Go to Settings -> Tools -> AI Assistant -> Model Context Protocol (MCP).
+* Click + Add to add a new MCP server configuration.
+* In the New MCP Server dialog, switch the dropdown as `As JSON` and add the following config:
+
+```json
+{
+  "mcpServers": {
+    "syncfusion-wpf-assistant": {
+      "command": "npx",
+      "args": [
+        "-y",
+        "@syncfusion/wpf-assistant@latest"
+      ],
+      "env": {
+       "Syncfusion_API_Key": "YOUR_API_KEY"
+      }
+    }
+  }
+}
+```
+
+* Click OK and Apply.
+
+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)
+
+## Usage
+
+To activate the SyncfusionWPFAssistant MCP server:
+
+1. Start your prompt with one of the following:
+    * 'SyncfusionWPFAssistant'
+    * '/syncfusion-wpf-assistant'
+    * '/syncfusion-wpf'
+    * '@syncfusion-wpf'
+    * '@ask_syncfusion_wpf'
+    * 'wpf'
+
+   In VS Code, you can also use #SyncfusionWPFAssistant for direct invocation.
+
+2. Grant permission for the server to run (for the session, workspace, or always).
+3. For best results, start a new chat for each new topic to maintain clean context.
+
+### Mode availability
+
+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
+
+1. `Be specific`: Mention both platform and component (e.g., "How do I create a Syncfusion WPF DataGrid with paging and filtering?").
+2. `Provide context`: Include details about your use case for more targeted solutions.
+3. `Use descriptive queries`: Avoid vague questions that lack necessary context.
+4. `Start fresh for new topics`: Begin a new chat session when switching components or topics.
+
+### Example Queries
+
+Here are some effective ways to use [SyncfusionWPFAssistant](https://www.npmjs.com/package/@syncfusion/wpf-assistant):
+
+ * "Create a Syncfusion WPF DataGrid component with paging, sorting and filtering"
+ * "How do I implement data binding with Syncfusion WPF Scheduler?"
+
+## Troubleshooting
+
+If you encounter issues:
+
+ * Verify your API key is correctly configured.
+ * Ensure the MCP server is enabled in your client's tools selection.
+ * Check that you're using a compatible MCP client version.
+ * Try restarting your development environment.
+
+## Support
+
+Product support is available through the following mediums.
+
+* [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/wpf)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/wpf)
+* Live chat
+
+## See also
+
+* [Syncfusion WPF Documentation](https://help.syncfusion.com/wpf/welcome-to-syncfusion-essential-wpf)
diff --git a/wpf/AI-Coding-Assistant/overview.md b/wpf/AI-Coding-Assistant/overview.md
new file mode 100644
index 000000000..c070dc8e0
--- /dev/null
+++ b/wpf/AI-Coding-Assistant/overview.md
@@ -0,0 +1,70 @@
+---
+layout: post
+title: Syncfusion AI Coding Assistant Overview | Syncfusion
+description: Learn how Syncfusion AI Coding Assistant boost WPF productivity by generating accurate code snippets, configuration examples, and contextual guidance.
+platform: wpf
+control: Syncfusion AI Coding Assistant Overview.
+documentation: ug
+---
+
+# 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 WPF 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:
+
+* **The SyncfusionWPFAssistant MCP Server**
+  Processes advanced prompts and returns tailored code suggestions via [MCP-compatible clients](https://modelcontextprotocol.io/clients).
+
+
+## Getting Started
+
+To use the AI Coding Assistant, you need:
+
+* 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)
+* A [WPF application that includes Syncfusion WPF](https://help.syncfusion.com/wpf/welcome-to-syncfusion-essential-wpf)
+
+## Unlimited Access
+
+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
+* Query types
+* Usage duration
+
+This ensures users can fully leverage Syncfusion<sup style="font-size:70%">&reg;</sup> components to enhance their development experience without limitations.
+
+## Best Practices
+
+* Initial Setup: Use the tools to quickly add and configure Syncfusion<sup style="font-size:70%">&reg;</sup> components in your WPF 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> WPF Documentation](https://help.syncfusion.com/wpf/welcome-to-syncfusion-essential-wpf) for in-depth information.
+* Troubleshooting: Resolve common issues with AI-generated suggestions. For complex problems, refer to [documentation](https://help.syncfusion.com/wpf/welcome-to-syncfusion-essential-wpf) 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.
+
+## Privacy & 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.
+
+## See also
+
+* Add the [SyncfusionWPFAssistant MCP Server](https://help.syncfusion.com/wpf/ai-coding-assistant/mcp-server) to an MCP-enabled client.
+* [Syncfusion<sup style="font-size:70%">&reg;</sup> WPF Documentation](https://help.syncfusion.com/wpf/welcome-to-syncfusion-essential-wpf).

From 57e2d93cda07833c9f49c5e2c15a60e5743cf97b Mon Sep 17 00:00:00 2001
From: SubashiniMahendran <subashini.mahendran@syncfusion.com>
Date: Wed, 19 Nov 2025 19:37:00 +0530
Subject: [PATCH 2/3] Resolved CI issue and committed.

---
 wpf/AI-Coding-Assistant/overview.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/wpf/AI-Coding-Assistant/overview.md b/wpf/AI-Coding-Assistant/overview.md
index c070dc8e0..11d06d4b2 100644
--- a/wpf/AI-Coding-Assistant/overview.md
+++ b/wpf/AI-Coding-Assistant/overview.md
@@ -66,5 +66,5 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant is desi
 
 ## See also
 
-* Add the [SyncfusionWPFAssistant MCP Server](https://help.syncfusion.com/wpf/ai-coding-assistant/mcp-server) to an MCP-enabled client.
+* Add the **SyncfusionWPFAssistant** MCP Server to an MCP-enabled client.
 * [Syncfusion<sup style="font-size:70%">&reg;</sup> WPF Documentation](https://help.syncfusion.com/wpf/welcome-to-syncfusion-essential-wpf).

From 75f9dbc788012f8ac75d549a2bbf5e3a116f46d1 Mon Sep 17 00:00:00 2001
From: SubashiniMahendran <subashini.mahendran@syncfusion.com>
Date: Wed, 19 Nov 2025 19:40:54 +0530
Subject: [PATCH 3/3] Resolved CI issue and committed

---
 wpf/AI-Coding-Assistant/overview.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/wpf/AI-Coding-Assistant/overview.md b/wpf/AI-Coding-Assistant/overview.md
index 11d06d4b2..4dfd5f542 100644
--- a/wpf/AI-Coding-Assistant/overview.md
+++ b/wpf/AI-Coding-Assistant/overview.md
@@ -66,5 +66,5 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant is desi
 
 ## See also
 
-* Add the **SyncfusionWPFAssistant** MCP Server to an MCP-enabled client.
+* Add the **SyncfusionWPFAssistant MCP Server** to an MCP-enabled client.
 * [Syncfusion<sup style="font-size:70%">&reg;</sup> WPF Documentation](https://help.syncfusion.com/wpf/welcome-to-syncfusion-essential-wpf).