Skip to content

Commit dd9c202

Browse files
DocumentSDK_Skill_Changes-HF: updated spreadsheet skills ug links
1 parent 8d10757 commit dd9c202

1 file changed

Lines changed: 152 additions & 20 deletions

File tree

Document-Processing/Skills/spreadsheet-editor-sdk.md

Lines changed: 152 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -15,15 +15,13 @@ Syncfusion<sup style="font-size:70%">&reg;</sup> Spreadsheet Editor SDK Skills a
1515

1616
| Framework | Skills |
1717
|---|---|
18-
| [React](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/overview) | syncfusion-react-spreadsheet-editor |
19-
| [Angular](https://help.syncfusion.com/document-processing/excel/spreadsheet/angular/overview) | syncfusion-angular-spreadsheet-editor |
20-
| [Blazor](https://help.syncfusion.com/document-processing/excel/spreadsheet/blazor/overview) | syncfusion-blazor-spreadsheet-editor |
21-
| [ASP.NET Core](https://help.syncfusion.com/document-processing/excel/spreadsheet/asp-net-core/overview) | syncfusion-aspnetcore-spreadsheet-editor |
22-
| [ASP.NET MVC](https://help.syncfusion.com/document-processing/excel/spreadsheet/asp-net-mvc/overview) | syncfusion-aspnetmvc-spreadsheet-editor |
23-
| [TypeScript](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/overview) | syncfusion-javascript-spreadsheet-editor |
24-
| [Vue](https://help.syncfusion.com/document-processing/excel/spreadsheet/vue/overview) | syncfusion-vue-spreadsheet-editor |
25-
26-
Each platform's skill file includes component initialization, property configuration, event handling, cell operations, formatting, data binding, and common spreadsheet usage patterns specific to that framework.
18+
| [React](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/overview) | [syncfusion-react-spreadsheet-editor](https://github.com/syncfusion/spreadsheet-editor-sdk-skills/tree/main/skills/syncfusion-react-spreadsheet-editor) |
19+
| [Angular](https://help.syncfusion.com/document-processing/excel/spreadsheet/angular/overview) | [syncfusion-angular-spreadsheet-editor](https://github.com/syncfusion/spreadsheet-editor-sdk-skills/tree/main/skills/syncfusion-angular-spreadsheet-editor) |
20+
| [Blazor](https://help.syncfusion.com/document-processing/excel/spreadsheet/blazor/overview) | [syncfusion-blazor-spreadsheet-editor](https://github.com/syncfusion/spreadsheet-editor-sdk-skills/tree/main/skills/syncfusion-blazor-spreadsheet-editor) |
21+
| [ASP.NET Core](https://help.syncfusion.com/document-processing/excel/spreadsheet/asp-net-core/overview) | [syncfusion-aspnetcore-spreadsheet-editor](https://github.com/syncfusion/spreadsheet-editor-sdk-skills/tree/main/skills/syncfusion-aspnetcore-spreadsheet-editor) |
22+
| [ASP.NET MVC](https://help.syncfusion.com/document-processing/excel/spreadsheet/asp-net-mvc/overview) | [syncfusion-aspnetmvc-spreadsheet-editor](https://github.com/syncfusion/spreadsheet-editor-sdk-skills/tree/main/skills/syncfusion-aspnetmvc-spreadsheet-editor) |
23+
| [TypeScript](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/overview) | [syncfusion-javascript-spreadsheet-editor](https://github.com/syncfusion/spreadsheet-editor-sdk-skills/tree/main/skills/syncfusion-javascript-spreadsheet-editor) |
24+
| [Vue](https://help.syncfusion.com/document-processing/excel/spreadsheet/vue/overview) | [syncfusion-vue-spreadsheet-editor](https://github.com/syncfusion/spreadsheet-editor-sdk-skills/tree/main/skills/syncfusion-vue-spreadsheet-editor) |
2725

2826
## Prerequisites
2927

@@ -33,29 +31,95 @@ Before installing Syncfusion<sup style="font-size:70%">&reg;</sup> Spreadsheet E
3331

3432
## Installation
3533

36-
Use one of the following commands to install Syncfusion<sup style="font-size:70%">&reg;</sup> Spreadsheet Editor SDK Skills. You can also browse Syncfusion<sup style="font-size:70%">&reg;</sup> skills in the [marketplace](https://skills.sh/syncfusion/).
34+
Use one of the following commands to install [Syncfusion<sup style="font-size:70%">&reg;</sup> Spreadsheet Editor SDK Skills](https://github.com/syncfusion/spreadsheet-editor-sdk-skills). You can also browse Syncfusion<sup style="font-size:70%">&reg;</sup> skills in the [marketplace](https://skills.sh/syncfusion/).
3735

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

40-
```bash
38+
{% tabs %}
39+
{% highlight bash tabtitle="npm" %}
40+
4141
npx skills add syncfusion/spreadsheet-editor-sdk-skills --all -y
42-
```
42+
43+
{% endhighlight %}
44+
{% endtabs %}
4345

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

46-
```bash
48+
{% tabs %}
49+
{% highlight bash tabtitle="npm" %}
50+
4751
npx skills add syncfusion/spreadsheet-editor-sdk-skills --skill syncfusion-blazor-spreadsheet-editor
48-
```
4952

50-
This registers the Syncfusion<sup style="font-size:70%">&reg;</sup> skill pack, enabling your AI assistant to load it automatically in supported IDEs such as [Code Studio](https://help.syncfusion.com/code-studio/reference/configure-properties/skills), [Visual Studio Code](https://code.visualstudio.com/docs/copilot/customization/agent-skills), and [Cursor](https://cursor.com/docs/skills).
53+
{% endhighlight %}
54+
{% endtabs %}
55+
56+
Choose and install skills interactively from the terminal:
57+
58+
{% tabs %}
59+
{% highlight bash tabtitle="npm" %}
60+
61+
npx skills add syncfusion/spreadsheet-editor-sdk-skills
62+
63+
{% endhighlight %}
64+
{% endtabs %}
65+
66+
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.
67+
68+
{% tabs %}
69+
{% highlight bash tabtitle="npm" %}
70+
71+
Select skills to install (space to toggle)
72+
│ ◻ syncfusion-react-spreadsheet-editor
73+
│ ◻ ssyncfusion-angular-spreadsheet-editor
74+
│ ◻ syncfusion-blazor-spreadsheet-editor
75+
│ ◻ syncfusion-aspnetcore-spreadsheet-editor
76+
│ ◻ ssyncfusion-aspnetmvc-spreadsheet-editor
77+
│ ◻ syncfusion-javascript-spreadsheet-editor
78+
│ ◻ syncfusion-vue-spreadsheet-editor
79+
│ .....
80+
81+
{% endhighlight %}
82+
{% endtabs %}
83+
84+
Next, select which AI agent you're using and where to store the skills.
85+
{% tabs %}
86+
{% highlight bash tabtitle="npm" %}
5187

52-
For more details, see the [Skills CLI documentation](https://skills.sh/docs).
88+
│ ── Additional agents ─────────────────────────────
89+
│ Search:
90+
│ ↑↓ move, space select, enter confirm
91+
92+
│ ❯ ○ Augment (.augment/skills)
93+
│ ○ Claude Code (.claude/skills)
94+
│ ○ OpenClaw (skills)
95+
│ ○ CodeBuddy (.codebuddy/skills)
96+
│ ○ Command Code (.commandcode/skills)
97+
│ ○ Continue (.continue/skills)
98+
│ ○ Cortex Code (.cortex/skills)
99+
│ ○ Crush (.crush/skills)
100+
| ....
53101

54-
## What's Included
102+
{% endhighlight %}
103+
{% endtabs %}
55104

56-
1. **Spreadsheet Editor SDK API Knowledge** — Skill-based, curated guidance for creating, editing, and managing spreadsheets using Syncfusion<sup style="font-size:70%">&reg;</sup> Spreadsheet Editor SDK UI Components across supported platforms. Covers key APIs, component integration, cell operations, formatting, data binding, and import/export features.
57-
2. **Platform-Specific Code Generation** — Produces production-ready code tailored to your platform (React, Angular, Blazor, ASP.NET Core, ASP.NET MVC, TypeScript, or Vue) without executing scripts or altering your project structure.
58-
3. **Patterns & Best Practices** — Practical recommendations for API usage, platform-specific package selection, component configuration, and spreadsheet editor workflows (such as cell styling, conditional formatting, data validation, chart creation, formula calculation, and protection settings). All guidance is authored directly within the skill files, not fetched from external documentation.
105+
Choose your installation scope (project-level or global), then confirm to complete the installation.
106+
107+
{% tabs %}
108+
{% highlight bash tabtitle="npm" %}
109+
110+
◆ Installation scope
111+
│ ● Project (Install in current directory (committed with your project))
112+
│ ○ Global
113+
114+
◆ Proceed with installation?
115+
│ ● Yes / ○ No
116+
117+
{% endhighlight %}
118+
{% endtabs %}
119+
120+
This registers the Syncfusion<sup style="font-size:70%">&reg;</sup> skill pack so your AI assistant can automatically load it in supported IDEs such as [Code Studio](https://help.syncfusion.com/code-studio/reference/configure-properties/skills), [Visual Studio Code](https://code.visualstudio.com/docs/copilot/customization/agent-skills), and [Cursor](https://cursor.com/docs/skills).
121+
122+
To learn more about the Skills CLI, refer [here](https://skills.sh/docs).
59123

60124
## How Syncfusion<sup style="font-size:70%">&reg;</sup> Spreadsheet Editor SDK Agent Skills Work
61125

@@ -79,6 +143,74 @@ Once skills are installed, the assistant can generate spreadsheet editor code. B
79143
- "Show me code to apply number formatting to currency columns in React Spreadsheet Editor."
80144
- "How do I enable cell editing and data validation in Angular Spreadsheet Editor?"
81145

146+
## Skills CLI Commands
147+
148+
After installation, manage Syncfusion<sup style="font-size:70%">&reg;</sup> Agent Skills using the following commands:
149+
150+
### List Skills
151+
152+
View all installed skills in your current project or global environment:
153+
154+
{% tabs %}
155+
{% highlight bash tabtitle="NPM" %}
156+
157+
npx skills list
158+
159+
{% endhighlight %}
160+
{% endtabs %}
161+
162+
### Remove a Skill
163+
164+
Uninstall a specific skill from your environment:
165+
166+
{% tabs %}
167+
{% highlight bash tabtitle="NPM" %}
168+
169+
npx skills remove <skill-name>
170+
171+
{% endhighlight %}
172+
{% endtabs %}
173+
174+
Replace `<skill-name>` with the name of the skill you want to remove (for example, `syncfusion-blazor-spreadsheet-editor`).
175+
176+
### Check for Updates
177+
178+
Check if updates are available for your installed skills:
179+
180+
{% tabs %}
181+
{% highlight bash tabtitle="NPM" %}
182+
183+
npx skills check
184+
185+
{% endhighlight %}
186+
{% endtabs %}
187+
188+
### Update All Skills
189+
190+
Update all installed skills to their latest versions:
191+
192+
{% tabs %}
193+
{% highlight bash tabtitle="NPM" %}
194+
195+
npx skills update
196+
197+
{% endhighlight %}
198+
{% endtabs %}
199+
200+
## FAQ
201+
202+
**Which agents and IDEs are supported?**
203+
204+
Any Skills compatible agent or IDE that loads local skill files (Visual Studio Code, Cursor, CodeStudio, etc.).
205+
206+
**Are skills loaded automatically?**
207+
208+
Yes. Once installed, supported agents automatically detect and load relevant skills for Syncfusion‑related queries without requiring additional configuration.
209+
210+
**Skills are not being loaded**
211+
212+
Verify that skills are installed in the correct agent directory, restart the IDE, and confirm that the agent supports external skill files.
213+
82214
## See also
83215

84216
- [Syncfusion Spreadsheet Editor Documentation](https://help.syncfusion.com/document-processing/excel/spreadsheet/overview)

0 commit comments

Comments
 (0)