Syncfusion AI Assistant

How can I help you?

Syncfusion Spreadsheet Editor SDK Agent Skills for AI Assistants

17 Apr 20267 minutes to read

This guide introduces Syncfusion Spreadsheet Editor SDK Skills, a curated knowledge package that empowers AI assistants (such as GitHub Copilot, Code Studio, Cursor, Claude, and others) to generate accurate code for Syncfusion® Spreadsheet Editor SDK components across supported platforms.

Syncfusion® Spreadsheet Editor SDK Skills address common issues with generic AI code suggestions by grounding the assistant in precise Spreadsheet Editor SDK Component APIs, spreadsheet editor patterns, and platform-specific configuration for the following platforms:

Framework Skills
React syncfusion-react-spreadsheet-editor
Angular syncfusion-angular-spreadsheet-editor
Blazor syncfusion-blazor-spreadsheet-editor
ASP.NET Core syncfusion-aspnetcore-spreadsheet-editor
ASP.NET MVC syncfusion-aspnetmvc-spreadsheet-editor
TypeScript syncfusion-javascript-spreadsheet-editor
Vue syncfusion-vue-spreadsheet-editor
UWP syncfusion-uwp-spreadsheet-editor
WPF syncfusion-wpf-spreadsheet-editor
WinForms syncfusion-winforms-spreadsheet-editor

Prerequisites

Before installing Syncfusion® Spreadsheet Editor SDK Skills, ensure the following tools are available on your machine:

  • Node.js (v18 or later) — Required to run npx commands for installing skills.
  • A supported AI agent or IDE that integrates with the Skills CLI (VS Code, Syncfusion® Code Studio, Cursor, etc.)

Installation

Use one of the following commands to install Syncfusion® Spreadsheet Editor SDK Skills. You can also browse Syncfusion® skills in the marketplace.

To install all Spreadsheet Editor SDK skills at once, use the following command:

npx skills add syncfusion/spreadsheet-editor-sdk-skills -y

To install a specific platform skill, use the following command (for example, to install Spreadsheet Blazor skills):

npx skills add syncfusion/spreadsheet-editor-sdk-skills --skill syncfusion-blazor-spreadsheet-editor

Choose and install skills interactively from the terminal:

npx skills add syncfusion/spreadsheet-editor-sdk-skills

The terminal will show a list of available skills. Use the arrow keys to navigate, space bar to select the skills you want, and Enter to confirm.

Select skills to install (space to toggle)
│  ◻ syncfusion-react-spreadsheet-editor
│  ◻ ssyncfusion-angular-spreadsheet-editor
│  ◻ syncfusion-blazor-spreadsheet-editor
│  ◻ syncfusion-aspnetcore-spreadsheet-editor
│  ◻ ssyncfusion-aspnetmvc-spreadsheet-editor
│  ◻ syncfusion-javascript-spreadsheet-editor
│  ◻ syncfusion-vue-spreadsheet-editor
│  ◻ syncfusion-uwp-spreadsheet-editor
│  ◻ syncfusion-wpf-spreadsheet-editor
│  ◻ syncfusion-winforms-spreadsheet-editor
│  .....

Next, select which AI agent you’re using and where to store the skills.

│  ── Additional agents ─────────────────────────────
│  Search:  
│  ↑↓ move, space select, enter confirm
│
│ ❯ ○ Augment (.augment/skills)
│   ○ Claude Code (.claude/skills)
│   ○ OpenClaw (skills)
│   ○ CodeBuddy (.codebuddy/skills)
│   ○ Command Code (.commandcode/skills)
│   ○ Continue (.continue/skills)
│   ○ Cortex Code (.cortex/skills)
│   ○ Crush (.crush/skills)
|   ....

Choose your installation scope (project-level or global), then confirm to complete the installation.

◆  Installation scope
│  ● Project (Install in current directory (committed with your project))
│  ○ Global

◆  Proceed with installation?
│  ● Yes / ○ No

This registers the Syncfusion® skill pack so your AI assistant can automatically load it in supported IDEs such as Code Studio, Visual Studio Code, and Cursor.

To learn more about the Skills CLI, refer here.

How Syncfusion® Spreadsheet Editor SDK Agent Skills Work

  1. Read the relevant skill files and choose modes based on the user’s query - The assistant retrieves component APIs and code patterns from the installed Syncfusion® Skills, automatically selecting the appropriate platform based on your workspace or prompt.
  2. Enforces Syncfusion® best practices, including:
    • Recommending the correct npm or NuGet packages for your platform.
    • Using only APIs and code patterns explicitly present in the skill reference files.
  3. Generates code only — Spreadsheet Editor skills focus exclusively on generating production-ready code that can be integrated directly into your application files (for example, Home.razor, app.component.ts, or Program.cs).

Using the AI Assistant

Once skills are installed, the assistant can generate spreadsheet editor code. Below are some example prompts.

Example Prompts:

  • “Show me React code to create a Spreadsheet component with basic formatting options.”
  • “How to apply conditional formatting to highlight cells greater than $15,000 in Angular Spreadsheet Editor?”
  • “Give me a code snippet to protect a worksheet and allow editing only specific cells using Blazor Spreadsheet Editor.”
  • “Show me how to insert a chart into the Spreadsheet Editor using ASP.NET Core.”
  • “How to export the spreadsheet as PDF using Vue Spreadsheet Editor?”
  • “Show me code to apply number formatting to currency columns in React Spreadsheet Editor.”
  • “How do I enable cell editing and data validation in Angular Spreadsheet Editor?”
  • “Generate code to add hyperlinks that navigate to other sheets in the workbook in WPF Spreadsheet.”

Skills CLI Commands

After installation, manage Syncfusion® Agent Skills using the following commands:

List Skills

View all installed skills in your current project or global environment:

npx skills list

Note: If you installed Syncfusion skills globally, add the --global flag at the end of the command (for example, npx skills list --global, npx skills remove <skill-name> –global ).

Remove a Skill

Uninstall a specific skill from your environment:

npx skills remove <skill-name>

Replace <skill-name> with the name of the skill you want to remove (for example, syncfusion-blazor-spreadsheet-editor).

Choose and Uninstall a specific skills interactively from the terminal:

npx skills remove

The terminal will display a list of installed skills. Use the arrow keys to navigate, space bar to select the skills you want to remove, and Enter to confirm.

◆  Select skills to remove (space to toggle)
│  ◻ syncfusion-react-spreadsheet-editor
│  ◻ syncfusion-angular-spreadsheet-editor
│  ◻ syncfusion-blazor-spreadsheet-editor
│  ◻ syncfusion-aspnetcore-spreadsheet-editor
│  ◻ syncfusion-aspnetmvc-spreadsheet-editor
│  ◻ syncfusion-javascript-spreadsheet-editor
│  ◻ syncfusion-vue-spreadsheet-editor
│  .....

◆ Are you sure you want to uninstall 1 skill(s)?
│ ● Yes / ○ No
└

Check for Updates

Check if updates are available for your installed skills:

npx skills check

Update All Skills

Update all installed skills to their latest versions:

npx skills update

FAQ

Which agents and IDEs are supported?

Any Skills compatible agent or IDE that loads local skill files (Visual Studio Code, Cursor, CodeStudio, etc.).

Are skills loaded automatically?

Yes. Once installed, supported agents automatically detect and load relevant skills for Syncfusion‑related queries without requiring additional configuration.

Skills are not being loaded

Verify that skills are installed in the correct agent directory, restart the IDE, and confirm that the agent supports external skill files.

See also