Skills for Syncfusion ASP.NET Core components, designed for use with AI coding assistants.
This repository contains 40+ AI-ready skill guides for working with Syncfusion ASP.NET Core components. Each skill includes a SKILL.md file that AI coding assistants can read automatically, plus a references/ subfolder with detailed documentation covering setup, usage patterns, customization, and troubleshooting.
npx skills add https://github.com/syncfusion/aspnetcore-ui-components-skillsThis will automatically add the skills to your workspace.
1. Clone this repository
git clone https://github.com/syncfusion/aspnetcore-ui-components-skills.git2. Add it to your VS Code workspace
Open your .code-workspace file (or create one) and add this repo as a second root folder:
{
"folders": [
{ "path": "/path/to/your-aspnetcore-app" },
{ "path": "/path/to/aspnetcore-ui-components-skills" }
]
}3. Start asking questions
Your AI assistant will automatically detect and apply the relevant skill based on your prompt:
How do I add grouping to the Syncfusion Grid in ASP.NET Core?
How do I configure the Scheduler for week view?
How do I apply a dark theme to Syncfusion ASP.NET Core components?
No configuration required. Skills are loaded automatically from the workspace.
- An AI coding assistant that supports skills/context files (e.g., Syncfusion Code Studio, GitHub Copilot, Cursor, or similar tools)
- .NET 8 SDK or later
- A Syncfusion license key (free community license available)
- Basic knowledge of ASP.NET Core Razor Pages and MVC models.
Each SKILL.md file contains a description field in its YAML frontmatter. AI coding assistants read this description to decide when to automatically apply a skill during a conversation. When you ask about a specific Syncfusion Component - for example, "How do I add sorting to my Grid?" - the AI assistant detects the match and loads the corresponding skill to guide its response.
You can also reference a skill explicitly by mentioning the component or control by name in your prompt.
How do I bind data to the Syncfusion Grid in ASP.NET Core?
→ The AI assistant loads the Grid skill and uses its getting-started and data-binding reference docs.
Show me how to implement master-detail in the TreeGrid.
→ The AI assistant loads the TreeGrid skill.
Each references/ subfolder contains deeper implementation guides. When the AI assistant loads a skill, it can also pull in these files when you ask follow-up questions:
Show me how to export the DataGrid to Excel.
→ The AI assistant uses references/advanced-features.md from the Grid skill for the detailed answer.
Every skill folder follows this layout:
skills/
└── syncfusion-aspnetcore-<component>/
├── SKILL.md ← Loaded by AI assistant; contains When to Use, Component Overview, and navigation links
└── references/
├── getting-started.md ← Installation, setup, NuGet packages, basic configuration
├── advanced-features.md ← In-depth feature guides and code samples
└── ... ← Additional reference files per component
SKILL.md sections:
- When to Use This Skill - trigger phrases and scenarios that activate this skill
- Component Overview - NuGet package, namespace, key capabilities at a glance
- Documentation and Navigation Guide - links to all reference files in the skill
README.md
skills/
syncfusion-aspnetcore-common/
syncfusion-aspnetcore-theme/
syncfusion-aspnetcore-license/
syncfusion-aspnetcore-charts/
syncfusion-aspnetcore-grid/
syncfusion-aspnetcore-scheduler/
... (40+ total skills)
Tip: Start with Common if you are setting up a new project. For all other tasks, find the skill that matches the specific component below.
- Common - installation, licensing, themes, NuGet packages
- Theme - Material, Bootstrap, Fabric, Tailwind themes, dark mode
- License - license key registration and validation
- Grid - sorting, filtering, paging, grouping, editing, export
- TreeGrid - hierarchical data, master-detail, export
- Kanban - Kanban board for task management
- Query Builder - visual query building interface
- Pivot Table - pivot data analysis and reporting
- Scheduler - calendar events, appointments, recurring events
- DatePicker - date selection and calendar display
- Rich Text Editor - WYSIWYG text editing with formatting
- Image Editor - image manipulation and editing
- Inputs - text inputs, numeric inputs, and field components
- Block Editor - block-based document editing
- Markdown Converter - convert between Markdown and HTML formats
- Dropdowns - dropdown list, combo box, multi-select
- DropDownList - list selection and filtering
- ComboBox - editable dropdown with autocomplete
- MultiSelect - multiple item selection
- TextBox - text input and validation
- NumericTextBox - numeric input and formatting
- ListBox - list selection component
- Uploader - file upload and management
- Speech-to-Text - voice input and transcription
- Charts - line, area, bar, column, scatter, bubble charts
- Accumulation Chart - pie, doughnut, funnel charts
- Maps - geographic mapping and location visualization
- Popups - dialogs, tooltips, and popup components
- Ribbon - Office-style ribbon interface
- File Manager - file browser and management
- Tree View - hierarchical tree navigation and display
- Gantt Chart - project timeline, dependencies, and resource management
- Diagram - flowcharts, organizational charts, and diagramming
- Smart Paste - intelligent clipboard paste handling
- Smart TextArea - enhanced textarea with autocomplete
- AI AssistView - AI-powered assistant interface
- Chat UI - conversational UI and chat components
- Inline AI Assist - inline AI suggestions and completions
- Security - CSP configuration and browser-level protections for ASP.NET Core applications.
- Check the Syncfusion ASP.NET Core documentation
- Review skill reference files in the
references/folders - Visit Syncfusion community forums
These skills are provided as educational resources for working with Syncfusion ASP.NET Core components. Syncfusion components require a valid license key. To acquire a license, you can quote a purchase at https://www.syncfusion.com/sales/pricing.