AgentToolHub
Skill

syncfusion-react-spreadsheet-editor

syncfusion-react-spreadsheet-editor — a Claude Code skill from syncfusion/spreadsheet-editor-sdk-skills

Features

  • ✓React integration for spreadsheet operations
  • ✓AI-driven code generation for workbook tasks
  • ✓Multi-platform support with various SDKs
  • ✓Step-by-step examples for seamless implementation
  • ✓Follows Agent Skills open standard for consistency

Installation Guide

How to Integrate Skills

Step 1: Checkout and copy the required skills

Clone or download the Spreadsheet-Editor-SDK-Skills repository and copy the skill folders you need (for example: syncfusion-react-spreadsheet-editor or syncfusion-blazor-spreadsheet-editor) from the skills/ directory.

Step 2: Install the skills

Place the copied skill folders in your workspace following this structure:

text
your-workspace/
├── .github/skills/ or .claude/skills/ or .codestudio/skills/
│   ├── syncfusion-angular-spreadsheet-editor/
│   │   └── SKILL.md
│   ├── syncfusion-aspnetcore-spreadsheet-editor/
│   │   └── SKILL.md
│   ├── syncfusion-aspnetmvc-spreadsheet-editor/
│   │   └── SKILL.md
│   ├── syncfusion-blazor-spreadsheet-editor/
│   │   └── SKILL.md
│   ├── syncfusion-react-spreadsheet-editor/
│   │   └── SKILL.md
│   ├── syncfusion-javascript-spreadsheet-editor/
│   │   └── SKILL.md
│   ├── syncfusion-vue-spreadsheet-editor/
│   │   └── SKILL.md
│   ├── syncfusion-winforms-spreadsheet-editor/
│   │   └── SKILL.md
│   ├── syncfusion-wpf-spreadsheet-editor/
│   │   └── SKILL.md
│   └── syncfusion-uwp-spreadsheet-editor/
│       └── SKILL.md
└── your-project-files...

Each skill directory must contain a SKILL.md file that defines the skill's behavior.

Step 3: Verify and manage your skills

Type /skills in the GitHub Copilot or Code Studio chat to quickly access the Configure Skills menu and manage your installed skills.

Step 4: Use skills

There are two ways to use skills:

  • Automatic loading — Describe your task naturally and the AI agent will load the most relevant skill. Example:

    • text
       Create a spreadsheet with the following data:
   Order ID	Customer Name	Order Date	Address	City	Postal Code	Country	Status	Freight
   10248	Paul Henriot	7/4/1996	59 rue de l'Abbaye	Reims	51100	France	Delivered	$32.38
   10249	Karin Josephs	7/5/1996	Luisenstr. 48	Münster	44087	Germany	Delivered	$11.61

   Apply bold and center for the header row.

  • Slash commands - Type / in the GitHub Copilot chat to mention available skills. For example:

    • text
       /react-spreadsheet-editor Create a Spreadsheet with data and apply cell styles

    When a skill is loaded, the AI agent gains specialized knowledge of the Syncfusion Spreadsheet Editor and can help generate code or step-by-step instructions.

    Reviews