Syncfusion for AI coding agents
Set Up An AI Coding Agent For Syncfusion
Start with Syncfusion’s machine-readable instructions. Your agent will detect the project’s platform, install the required Syncfusion skills, read the licensing rules, and report its configuration before generating Syncfusion code.
Read https://ai.syncfusion.com/llms.txt first. Treat it as the canonical entry point for Syncfusion setup and routing.
Send this instruction to your coding agent
Installing Syncfusion agent skills requires no product license, license key, MCP key, or Syncfusion account. Product licensing requirements still apply when Syncfusion packages are used in an application.
Generated from the platform and MCP catalogs at build time for Essential Studio 2026 Volume 3 (v35.1.37).
How an agent configures Syncfusion
The setup instruction establishes the platform, skill, documentation, and licensing context before the agent writes code.
- Read the canonical instructions
Fetch
https://ai.syncfusion.com/llms.txtand follow its routing rules. - Install and read the onboarding skill
Run
npx skills add syncfusion/agent-onboarding-skill. - Detect the project platform
Inspect repository manifests such as
package.json,*.csproj, orpubspec.yaml. Do not infer the platform only from the user’s wording. - Read the platform index
Fetch
https://ai.syncfusion.com/<platform-slug>/llms.txt. All 18 platform indexes are listed below. - Install the required skills Install only the skills identified by the onboarding flow and inventory before generating Syncfusion code.
- Read the licensing boundary
Read
https://ai.syncfusion.com/licensing.mdbefore requesting, handling, or registering any credential. - Report the result Tell the user which platform was detected, which skills were installed, whether an MCP server is available, and whether any human action is required.
Success criteria. The agent must identify the platform from the repository, use the onboarding skill and any required installed skills, avoid invented packages or APIs, and never generate or expose a license key.
Set up your coding agent
Choose an agent to see where it reads project skills, where its MCP configuration belongs, and how to confirm the setup.
.claude/skills/
MCP.mcp.json
Setup guide
Codex
Skills.agents/skills/
MCP~/.codex/config.toml
Setup guide
Gemini CLI
Skills.agents/skills/
MCP~/.gemini/settings.json
Setup guide
Cursor
Skills.agents/skills/
MCP.cursor/mcp.json
Setup guide
Windsurf
Skills.windsurf/skills/
MCP~/.codeium/windsurf/mcp_config.json
Setup guide
Visual Studio Code / GitHub Copilot
Skills.agents/skills/
MCP.vscode/mcp.json
Setup guide
Syncfusion Code Studio
Skills.codestudio/skills/
MCP.codestudio/mcp.json
Setup guide
JetBrains IDEs
SkillsMCP client only
MCPAI Assistant → MCP settings
Setup guide
Cline
Skills.agents/skills/
MCPmcp.json
Setup guide
Most agents read project skills from the shared
.agents/skills/ directory; Claude Code, Windsurf and Syncfusion Code Studio use a
vendor-specific directory. Any agent that can fetch a URL can be set up the same way by pointing it
at /agent-setup/prompt.md.
Platforms
Platform and SDK skill packs
After detecting the repository platform, read its llms.txt index. Each
index names the official skill pack, required product packages, licensing requirements, a working
example, known failure modes, and setup checks.
Web UI
/react/llms.txt
Pack :syncfusion/react-ui-components-skills
MCP :@syncfusion/react-mcp
Angular
65 skills · 1027 refs
Index :/angular/llms.txt
Pack :syncfusion/angular-ui-components-skills
MCP :@syncfusion/angular-mcp
JavaScript / TypeScript (EJ2)
53 skills · 905 refs
Index :/javascript/llms.txt
Pack :syncfusion/javascript-ui-controls-skills
MCP :@syncfusion/javascript-mcp
Vue
33 skills · 890 refs
Index :/vue/llms.txt
Pack :syncfusion/vue-ui-components-skills
MCP :@syncfusion/vue-mcp
.NET Web
/blazor/llms.txt
Pack :syncfusion/blazor-ui-components-skills
MCP :Syncfusion.Blazor.MCP
ASP.NET Core
67 skills · 973 refs
Index :/aspnet-core/llms.txt
Pack :syncfusion/aspnetcore-ui-components-skills
MCP :Syncfusion.AspNetCore.MCP
ASP.NET MVC
23 skills · 355 refs
Index :/aspnet-mvc/llms.txt
Pack :syncfusion/aspnetmvc-ui-components-skills
MCP :Syncfusion.AspNetMvc.MCP
Cross-platform
/flutter/llms.txt
Pack :syncfusion/flutter-ui-components-skills
MCP :None published
.NET MAUI
77 skills · 610 refs
Index :/maui/llms.txt
Pack :syncfusion/maui-ui-components-skills
MCP :Syncfusion.Maui.MCP
Toolkit for .NET MAUI
35 skills · 241 refs
Index :/maui-toolkit/llms.txt MIT
Pack :syncfusion/maui-toolkit-ui-components-skills
MCP :None published
Windows desktop
/winforms/llms.txt
Pack :syncfusion/winforms-ui-components-skills
MCP :Syncfusion.WinForms.MCP
WPF
99 skills · 772 refs
Index :/wpf/llms.txt
Pack :syncfusion/wpf-ui-components-skills
MCP :Syncfusion.WPF.MCP
WinUI
38 skills · 274 refs
Index :/winui/llms.txt
Pack :syncfusion/winui-ui-components-skills
MCP :Syncfusion.WinUI.MCP
Documents processing
/document-sdk/llms.txt
Pack :syncfusion/document-sdk-skills
MCP :Syncfusion.DocumentSdk.MCP
PDF Viewer SDK
10 skills · 329 refs
Index :/pdf-viewer-sdk/llms.txt
Pack :syncfusion/pdf-viewer-sdk-skills
MCP :Use platform specific mcp server
DOCX Editor SDK
9 skills · 140 refs
Index :/docx-editor-sdk/llms.txt
Pack :syncfusion/docx-editor-sdk-skills
MCP :Use platform specific mcp server
Spreadsheet Editor SDK
10 skills · 286 refs
Index :/spreadsheet-editor-sdk/llms.txt
Pack :syncfusion/spreadsheet-editor-sdk-skills
MCP :Use platform specific mcp server
Workflow and migration
18 packs, 775 skills, 9,400+ reference documents. Platforms marked None published have no dedicated MCP server — Use the required skills and the documentation. MIT marks a package that requires no product license key.
Install and read the relevant Syncfusion skill before generating component code. Do not load
every skill or reference into context. Read the platform index, select the relevant skill, read
its SKILL.md completely, and load only the references required for the task.
MCP servers
Current documentation through MCP
Syncfusion MCP servers give compatible coding agents access to current documentation and API details. MCP is optional and complements the official skills; it does not replace them.
If both are available, use skills for implementation procedures and known failure modes, and use MCP for current documentation. If only one can be configured, install the required Syncfusion skills first.
An MCP API key is not a Syncfusion product license key and does not grant product rights.
| Platform | Package | Registry | Server name |
|---|---|---|---|
| React | @syncfusion/react-mcp | npm | sf-react-mcp |
| Angular | @syncfusion/angular-mcp | npm | sf-angular-mcp |
| Vue | @syncfusion/vue-mcp | npm | sf-vue-mcp |
| JavaScript | @syncfusion/javascript-mcp | npm | sf-javascript-mcp |
| TypeScript | @syncfusion/typescript-mcp | npm | sf-typescript-mcp |
| Blazor | Syncfusion.Blazor.MCP | NuGet | sf-blazor-mcp |
| ASP.NET Core | Syncfusion.AspNetCore.MCP | NuGet | sf-aspnetcore-mcp |
| ASP.NET MVC | Syncfusion.AspNetMvc.MCP | NuGet | sf-aspnetmvc-mcp |
| .NET MAUI | Syncfusion.Maui.MCP | NuGet | sf-maui-mcp |
| WPF | Syncfusion.WPF.MCP | NuGet | sf-wpf-mcp |
| WinForms | Syncfusion.WinForms.MCP | NuGet | sf-winforms-mcp |
| WinUI | Syncfusion.WinUI.MCP | NuGet | sf-winui-mcp |
| UWP | Syncfusion.UWP.MCP | NuGet | sf-uwp-mcp |
| Document SDK | Syncfusion.DocumentSdk.MCP | NuGet | sf-documentsdk-mcp |
Do not use deprecated @syncfusion/*-assistant packages. A higher
version number on an -assistant package does not mean it supersedes the
-mcp or .MCP package for that platform.
- Flutter and Syncfusion Toolkit for .NET MAUI do not have dedicated MCP servers. Use the skill pack and the documentation.
- PDF Viewer, DOCX Editor, and Spreadsheet Editor SDKs use the MCP server for the framework that hosts them.
- All servers use stdio transport and read the same two environment variables. Casing is exact:
Syncfusion_API_Key_PathorSyncfusion_API_Key.
Component registry
Named variants. Complete source. One fetch.
Every variant has a permanent name that resolves in two places — the machine
twin in /gallery/ and the registry JSON in /r/. Fetch the JSON and you
have the whole file, the exact dependencies, and the licensing position. No
second request.
# Step 1: Discover available items for any platform GET https://ai.syncfusion.com/r/{platform-slug}/registry.json # Supported slugs: angular, blazor, react, vue, javascript, aspnet-core, aspnet-mvc, maui, winforms, wpf, winui # Step 2: Fetch a specific component variant # All platforms (direct access): GET https://ai.syncfusion.com/r/{platform-slug}/{registry-item}.json # Examples: GET https://ai.syncfusion.com/r/blazor/grid-default.json GET https://ai.syncfusion.com/r/angular/chart-line.json # React only (available in ts and js variants): GET https://ai.syncfusion.com/r/react/{ts|js}/{registry-item}.json # Examples: GET https://ai.syncfusion.com/r/react/ts/chart-line.json GET https://ai.syncfusion.com/r/react/js/chart-line.json # source inlined · deps pinned · no auth · CORS open
Selected variants
gantt-default
Blazor gantt chart with tasks, dependencies, predecessors, resource allocation, and editing.
GanttBlazor
pdf-viewer-default
Blazor PDF viewer with toolbar, search, annotation, thumbnails, bookmarks, and print tools.
PdfViewerBlazor
spreadsheet-editor-formula
Blazor spreadsheet editor with formula bar, named ranges, recalculation, and cell references.
SpreadsheetBlazor
grid-virtual-scrolling
React data grid with virtual scrolling for thousands of rows and inline cell editing.
GridReact
chart-stacked-column
Stacked column chart with data labels, categories, tooltip, legend, and corner radius.
ChartReact
gantt-default
React gantt chart with tasks, dependencies, predecessors, baselines, and indicators.
GanttReact
grid-default
Angular data grid with paging, sorting, filtering, toolbar, and inline editing enabled by default.
GridAngular
chart-zooming
Angular chart with mouse wheel and pinch zoom, selection zoom, pan, and reset tools.
ChartAngular
diagram-organization-chart
Angular hierarchical org chart with assistant nodes, connectors, and layout direction.
DiagramAngular
gantt-exporting
Vue gantt chart with Excel, PDF, and CSV export along with print and toolbar actions.
GanttVue
docx-editor-default
Vue Word document editor with formatting, table, image, and review track changes.
DocxEditorVue
chart-zooming
Vue chart with mouse wheel and selection zoom, tooltip, legend, and crosshair cursor.
ChartVue
Each variant file is a self-contained sample: complete, runnable source code for one component configuration, plus its pinned dependencies. They are not the integration rules. The platform skill pack teaches service injection, registration calls, render-mode details, and licensing for each component. Install the skill before adopting a variant, then read the variant file as the work surface — not as the only context.
/r/react/registry.json
Angular
Index :/r/angular/registry.json
JavaScript
Index :/r/javascript/registry.json
Vue
Index :/r/vue/registry.json
Blazor
Index :/r/blazor/registry.json
ASP.NET Core
Index :/r/aspnet-core/registry.json
ASP.NET MVC
Index :/r/aspnet-mvc/registry.json
.NET MAUI
Index :/r/maui/registry.json
WinForms
Index :/r/winforms/registry.json
WPF
Index :/r/wpf/registry.json
WinUI
Index :/r/winui/registry.json