From e3b894cc4946ecddfe30f5102bc3b02479d4f0c4 Mon Sep 17 00:00:00 2001 From: DhanarajRajendran Date: Wed, 25 Mar 2026 11:13:38 +0530 Subject: [PATCH 1/3] Added skills for flutter widgets. --- Flutter/skills.md | 60 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 Flutter/skills.md diff --git a/Flutter/skills.md b/Flutter/skills.md new file mode 100644 index 000000000..c6cd65e3a --- /dev/null +++ b/Flutter/skills.md @@ -0,0 +1,60 @@ +--- +layout: post +title: Syncfusion Flutter Agent Skills for AI Assistants | Syncfusion +description: Learn how to install and use Syncfusion Agent Skills to enhance AI assistants with accurate Syncfusion Flutter widget guidance. +control: Skills +platform: flutter +documentation: ug +domainurl: ##DomainURL## +--- + +# Syncfusion Flutter Agent Skills for AI Assistants + +This guide introduces **Syncfusion Flutter Skills**, a knowledge package that enables AI assistants (VS Code, Cursor, CodeStudio, etc.) to understand and generate accurate Syncfusion® Flutter code using official APIs, patterns, and theming guidelines. + +Syncfusion® Skills eliminate common issues with generic AI suggestions by grounding the assistant in accurate Syncfusion® widget usage patterns, API structures, supported features, and project‑specific configuration. + +## Installation + +Choose one of the following commands to install [Syncfusion® Flutter widgets skills](https://github.com/syncfusion.com/flutter-skills.git) based on your preference. Users can also explore Syncfusion skills from the [marketplace](https://skills.sh/syncfusion/). + +```bash +# Install all widget skills at once +npx skills add syncfusion/flutter-skills -y + +# Choose and install skills interactively from the terminal +npx skills add syncfusion/flutter-skills +``` + +This registers the Syncfusion® 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). + +To learn more about the Skills CLI, refer [here](https://skills.sh/docs). + +## What's included + +1. **Widget Usage & API Knowledge** — Curated, Skill‑based guidance that captures how to add, configure, and compose Syncfusion® Flutter widgets, including key properties, callbacks, required parameters, and common integration patterns. +2. **Patterns & Best Practices** — Practical recommendations for API structures, state‑handling approaches, and feature‑configuration workflows (for example, paging, sorting, and filtering for data widgets). All guidance is authored directly within the Skill file rather than being fetched from documentation. +3. **Design‑System Guidance** — Includes information related to themes, dark/light variants, and icon usage patterns across Syncfusion® Flutter widgets. + +## How Syncfusion® Agent Skills Work + +1. **Reads the relevant Skill files based on the user's query**, with the assistant retrieving widget usage patterns, APIs, and best‑practice guidance from the installed Syncfusion® Skills. +2. **Enforces Syncfusion® best practices**, including: + + - Using the required widget properties and constructors for each widget. + - Configuring applicable widget features (for example, paging, sorting, filtering, and other feature configurations). + - Adding the correct theme and package imports. +3. **Generates widget‑accurate code**, avoiding invalid properties or unsupported patterns + +### Using the AI Assistant + +Once skills are installed, the assistant can be used to generate and update Syncfusion® Flutter code for tasks such as: + +- "Add a DataGrid with paging, sorting, and filtering." +- "Create a Calendar with week view and gesture support." +- "Apply Material 3 theme and enable dark mode." + +## See also + +- [Agent Skills Standards](https://agentskills.io/home) +- [Skills CLI](https://skills.sh/docs) From 2926db3a3e132cb5e3a4d9c1cbe60df17833419a Mon Sep 17 00:00:00 2001 From: DhanarajRajendran Date: Wed, 25 Mar 2026 12:23:33 +0530 Subject: [PATCH 2/3] Updated the Skills file in TOC File. --- flutter-toc.html | 3 +++ 1 file changed, 3 insertions(+) diff --git a/flutter-toc.html b/flutter-toc.html index edbe8f047..78fdfca28 100644 --- a/flutter-toc.html +++ b/flutter-toc.html @@ -24,6 +24,9 @@
  • XlsIO
    • +
  • + Skills +
  • Overview
    • From 3e390277be6cefbc25e5a4df5b74d01152e6e583 Mon Sep 17 00:00:00 2001 From: DhanarajRajendran <126753532+DhanarajRajendran@users.noreply.github.com> Date: Wed, 25 Mar 2026 14:46:23 +0530 Subject: [PATCH 3/3] Update AI Assistant skills examples in documentation --- Flutter/skills.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Flutter/skills.md b/Flutter/skills.md index c6cd65e3a..e4cd35b60 100644 --- a/Flutter/skills.md +++ b/Flutter/skills.md @@ -50,9 +50,9 @@ To learn more about the Skills CLI, refer [here](https://skills.sh/docs). Once skills are installed, the assistant can be used to generate and update Syncfusion® Flutter code for tasks such as: -- "Add a DataGrid with paging, sorting, and filtering." -- "Create a Calendar with week view and gesture support." -- "Apply Material 3 theme and enable dark mode." +- "Add a DataGrid with paging, sorting, and filtering" +- "Add a Line Chart with markers" +- "Create a Calendar with week view" ## See also