"skill_name","category","description","reference_files","repository","platform","commit","commit_date","source_url"
"syncfusion-vue-ai-assistview","ai assistview","Implement the Syncfusion Vue AI AssistView component. Use this skill whenever the user needs to create conversational AI interfaces, chatbots, prompt-response systems, or integrate AI services like OpenAI, Gemini, or Claude into Vue applications. Includes setup, prompt management, suggestions, customization, event handling, templates, markdown responses, AI service integration, chain of thoughts visualization, generative UI with dynamic tools, text-to-speech audio conversion.","20","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-ai-assistview/SKILL.md"
"syncfusion-vue-barcode","Data Visualization","Create and customize barcode, QR code, and Data Matrix components using Syncfusion Vue Barcode Generator. Use this skill when implementing barcode generation, QR code creation, Data Matrix codes, export functionality, and barcode styling. Covers Syncfusion's BarcodeGenerator, QRCodeGenerator, and DataMatrixGenerator components for Vue applications (Composition API and Options API).","7","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-barcode/SKILL.md"
"syncfusion-vue-blockeditor","blockeditor","Implement Syncfusion Vue BlockEditor component for block-based content editing with rich text, images, tables, and interactive blocks. Use this skill ALWAYS when user needs block editor, notion-style editor, content blocks, rich text blocks, document editor with blocks, modular content editor, or mentions @syncfusion/ej2-vue-blockeditor, BlockEditor, block-based editing, content management editor, collaborative editing, real-time collaboration. Covers all 14 block types, 5 content types, drag-and-drop, menus, methods, events, real-time collaborative editing with Yjs support, user presence and remote cursors, version history, and Composition API patterns.","13","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-blockeditor/SKILL.md"
"syncfusion-vue-buttons","Buttons","Comprehensive guide for implementing Syncfusion Vue 3 button components including Button, ButtonGroup, DropDownButton, Floating Action Button, ProgressButton, SplitButton, Speed Dial, Switch, RadioButton, and Chips. Use this when adding styled buttons, toggle behavior, icon support, grouped selections, dropdown action menus, programmatic control floating primary actions, expandable speed dial menus, compact interactive elements with avatars and drag-and-drop, or single/multiple selection capabilities to a Vue application.","72","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-buttons/SKILL.md"
"syncfusion-vue-calendars","Calendars","Comprehensive guide for implementing Syncfusion Vue Calendar components including Calendar, DatePicker, DateRangePicker, DateTimePicker, and TimePicker. Covers installation, data binding, date/time selection, range selection, formatting, localization, masking, validation, customization, templates, accessibility, and reactive data patterns in Vue 3 applications using Composition API.","37","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-calendars/SKILL.md"
"syncfusion-vue-chat-ui","chat ui","Implement the Syncfusion Vue Chat UI component for Vue chat interfaces, messaging applications, conversational UI, chat widgets, real-time messaging, user-to-user communication, bot integrations, customer support chat, collaborative messaging, instant messaging features, chat rooms, or when user mentions ""chat ui"", ""chat component"", ""messaging interface"", ""conversation view"", or @syncfusion/ej2-vue-interactive-chat package.","10","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-chat-ui/SKILL.md"
"syncfusion-vue-common","Common Features","Common utilities and features for Syncfusion Vue components. Use this skill when the user needs to implement animations, drag-and-drop, state persistence, RTL support, localization, globalization, security, templates, and advanced features for Syncfusion Vue components.","5","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-common/SKILL.md"
"syncfusion-vue-data-manager","DataManager","Implements Syncfusion Vue DataManager for local/remote binding, CRUD, querying, caching, and middleware. Supports JsonAdaptor, ODataAdaptor, ODataV4Adaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor, RemoteSaveAdaptor, GraphQLAdaptor, CustomDataAdaptor, and CustomAdaptor. Covers Query class, filtering, sorting, paging, grouping, persistence, offline mode, caching, and error handling.","13","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-data-manager/SKILL.md"
"syncfusion-vue-diagram","Data Visualization","Build interactive diagrams using Syncfusion Vue Diagram, including flowcharts, BPMN workflows, UML diagrams, Entity Relationship (ER) diagrams, swimlanes, and organizational charts. Trigger when working with Vue diagram components such as nodes, connectors, shapes, ports, labels, layouts, symbol palettes, serialization/deserialization with unsaved changes detection, Mermaid syntax support, data binding, interactive editing, and exporting diagrams for visualization and process flows.","17","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-diagram/SKILL.md"
"syncfusion-vue-dropdowns","Dropdowns","Comprehensive guide for implementing Syncfusion Vue 3 dropdown components including AutoComplete, ComboBox, DropDownList, ListBox, Mention, MultiSelect, MultiColumn ComboBox, and DropdownTree using Vue Composition API. Use this when building selection interfaces, data binding, filtering, cascading dropdowns, custom templates, hierarchical data selection, and accessible dropdown experiences in Vue 3 applications.","59","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-dropdowns/SKILL.md"
"syncfusion-vue-gantt-chart","gantt chart","Implement Syncfusion Vue Gantt Chart (@syncfusion/ej2-vue-gantt) for Vue 2 and Vue 3. Use this when building project scheduling interfaces with task timelines, dependencies, and resource management. Covers data binding, task scheduling, columns, filtering, editing, Excel/PDF export, critical path, and resource allocation. Supports ejs-gantt and GanttComponent.","23","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-gantt-chart/SKILL.md"
"syncfusion-vue-grid","Grids","Implements Syncfusion Vue Grid component for feature-rich data tables and grids. Use this when working with data display, sorting, filtering, grouping, aggregates, editing, or exporting. This skill covers grid configuration, CRUD operations, virtual scrolling or infinite scrolling,  hierarchy grids, state persistence, and advanced data management features for data-intensive applications.","37","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-grid/SKILL.md"
"syncfusion-vue-image-editor","File Viewers & Editors","Master Syncfusion Vue Image Editor for comprehensive image editing. Use this when users need to edit images, add annotations, apply filters, manage layers, or implement image editing features. Supports multiple formats (PNG, JPEG, SVG, WEBP, BMP), annotations (text, shapes, freehand, images), effects (filters, finetune), and accessibility features.","39","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-image-editor/SKILL.md"
"syncfusion-vue-inline-ai-assist","inline ai assist","Implement the Syncfusion Vue Inline AI Assist component for AI-powered text processing. Use this skill when implementing inline AI assistance, prompt-response interactions, custom command popups, response actions, event handling, or when you need to integrate AI-powered features directly into Vue applications for text editing, summarization, or content manipulation workflows.","8","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-inline-ai-assist/SKILL.md"
"syncfusion-vue-inputs","Inputs","Comprehensive guide for implementing Syncfusion Vue 3 input components including Uploader, NumericTextBox, TextBox, TextArea, CheckBox, OTP Input, Signature, RangeSlider, ColorPicker, MaskedTextBox, and Rating. Use this when building file upload UIs with async/chunk uploads, drag-and-drop functionality, numeric inputs with validation and formatting, text inputs with floating labels, custom adornments, form integration, accessibility compliance, and styling in Vue 3 applications.","101","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-inputs/SKILL.md"
"syncfusion-vue-kanban","Data Visualization","Implements the Syncfusion Vue Kanban component for column-based task board UIs with drag-and-drop, swimlanes, WIP constraints, and virtual scrolling. Use this when building sprint boards, kanban boards, workflow trackers, or any column-based task management UI. Covers data binding (local and remote), cards, columns, dialog, events, and accessibility.","23","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-kanban/SKILL.md"
"syncfusion-vue-layouts","Layouts","Comprehensive guide for implementing Syncfusion Vue 3 Layout components including Card, DashboardLayout, ListView, Splitter, and Timeline. Use when building card-based content containers, customizable draggable dashboards, interactive data lists, resizable multi-pane layouts, and chronological event timelines. Covers installation, data binding, templating, customization, drag-and-drop, resizing, panel management, virtualization, accessibility, and styling in Vue 3 applications.","49","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-layouts/SKILL.md"
"syncfusion-vue-license","Licensing","Use this skill when the user asks about Syncfusion Vue licensing, license keys, license registration, license validation errors, trial licenses, or license troubleshooting. This skill provides comprehensive guidance on generating, registering, and managing Syncfusion license keys for Vue applications, including edition-based and platform-based licensing models, registration methods, CI/CD integration, and resolving common licensing errors.","3","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-license/SKILL.md"
"syncfusion-vue-markdown-converter","File Viewers & Editors","Implement the Syncfusion Vue Markdown Converter to convert Markdown text into clean HTML. Use this when converting Markdown to HTML in Vue, integrating a live Markdown preview, configuring GFM or line break options, or working with MarkdownConverter.toHtml() and MarkdownConverterOptions. This skill covers the @syncfusion/ej2-markdown-converter package and Markdown Editor integration with side-by-side HTML preview.","4","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-markdown-converter/SKILL.md"
"syncfusion-vue-navigations","Navigation Components","Guides Syncfusion Vue 3 navigation components such as AppBar, Accordion, Breadcrumb, Sidebar, and Tabs. Use this when building responsive menus, tabbed layouts, and step-based workflows with Vue 3 Composition API.","93","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-navigations/SKILL.md"
"syncfusion-vue-notifications","Notifications","Comprehensive guide for implementing Syncfusion Vue 3 Notification components including Badge, Message, Skeleton, Toast, and Spinner. Use this when applying status indicators and badges with color variants and shapes; showing informational, success, warning, or error messages; configuring severity levels and display variants (Text, Outlined, Filled); handling message dismissal; toast positioning, toast templates, toast animations; displaying skeleton loading placeholders with shimmer animations (Wave, Pulse, Fade) and shapes (Circle, Rectangle, Text); or customizing notification appearance and accessibility in Vue 3 applications.","31","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-notifications/SKILL.md"
"syncfusion-vue-pivot-table","Grids","Use this skill when users ask how to implement Syncfusion PivotView pivot tables in Vue. Trigger for Vue pivot grid/OLAP analysis, measures/dimensions, data binding, drill-down/drill-through, grouping, filtering, calculated fields, conditional formatting, exports, or pivot charts. Vue-only, not React/Angular/Blazor.","24","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-pivot-table/SKILL.md"
"syncfusion-vue-popups","Layout","Comprehensive guide for implementing Syncfusion Vue popup components including Dialog, ToolTip. Use this when building modal/modeless dialogs, confirmation popups, forms in dialogs, draggable windows, popovers, tooltips, and overlaid content with custom positioning, animations, WCAG 2.2 accessibility, forms integration, and event handling in Vue applications.","25","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-popups/SKILL.md"
"syncfusion-vue-query-builder","Forms","Comprehensive guide to implementing Syncfusion Vue Query Builder component using Vue 3 Composition API. Use this skill when building advanced filter interfaces, creating complex data query systems, or implementing dynamic rule-based filtering in Vue 3 applications. Covers query builder configuration, SQL query conversion, drag-and-drop filtering, customization, and state management with Vue 3 reactive patterns.","11","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-query-builder/SKILL.md"
"syncfusion-vue-ribbon","ribbon","Implement the Syncfusion Vue Ribbon component for creating Office-style command interfaces with tabs, groups, and items. ALWAYS use this skill when user mentions: ribbon control, ribbon UI, Office-style interface, command bar with tabs, tabbed toolbar, ribbon menu, grouped commands, MS Office interface, ribbon navigation, ribbon items (buttons, dropdowns, galleries), file menu, backstage view, contextual tabs, ribbon layouts (classic/simplified), collapsible groups, ribbon gallery, or needs Office-like application UI immediately.","10","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-ribbon/SKILL.md"
"syncfusion-vue-rich-text-editor","File Viewers & Editors","Implements the Syncfusion Vue Rich Text Editor (ejs-richtexteditor) supporting both HTML (WYSIWYG) and Markdown editing modes via the editorMode API from @syncfusion/ej2-vue-richtexteditor. Use this skill for toolbar customization, image upload, paste cleanup, inline editing, AI assistant integration, slash menu, emoji picker, and mention support in Vue applications.","19","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-rich-text-editor/SKILL.md"
"syncfusion-vue-scheduler","scheduler","Implement event scheduling, calendar views, and appointment management using Syncfusion Vue Scheduler component. Use this skill when working with calendars, event scheduling, appointment booking systems, resource management, timeline views, recurring events, drag-and-drop event handling, or any scenario involving time-based event visualization and management in Vue applications. Trigger for scheduler implementations, calendar integrations, booking systems, meeting planners, task schedulers, or resource allocation tools.","14","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-scheduler/SKILL.md"
"syncfusion-vue-speech-to-text","speech to text","Implement the Syncfusion Vue Speech-to-Text component. Instructions for integrating voice input, real-time transcription, language configuration, programmatic control, event handling, UI customization, browser compatibility, and security considerations for microphone-enabled applications.","7","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-speech-to-text/SKILL.md"
"syncfusion-vue-themes","Theming and Appearance","Use this skill when users need to apply themes, customize appearance, switch dark mode, use CSS variables, configure icons, or modify visual styling for Syncfusion Vue components. Covers icon library, size modes, and Theme Studio integration.","6","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-themes/SKILL.md"
"syncfusion-vue-treegrid","grids","Implements Syncfusion Vue TreeGrid for hierarchical data with sorting, filtering, editing, exporting, paging, virtual scrolling, and advanced features. Supports configuration, CRUD, aggregates, templates, state persistence, and performance optimization in Vue applications.","40","vue-ui-components-skills","Vue","b5207ad","2026-08-11","https://github.com/syncfusion/vue-ui-components-skills/blob/master/skills/syncfusion-vue-treegrid/SKILL.md"
"syncfusion-vue-docx-editor","docx editor","Use this skill when a user asks how to generate, integrate, or implement a Word‑like document editor in Vue using Syncfusion. Trigger it for requests involving the Syncfusion Vue Document Editor, Vue‑based editor integration, document editing and formatting, comments and track changes, working with tables and images, managing headers and footers, applying document protection, and building end‑to‑end document workflows in Vue applications.","12","docx-editor-sdk-skills","Vue","2173e61","2026-07-06","https://github.com/syncfusion/docx-editor-sdk-skills/blob/master/skills/syncfusion-vue-docx-editor/SKILL.md"
"syncfusion-vue-spreadsheet-editor","spreadsheet editor","Use this skill for Vue apps needing Excel-like UI using the Syncfusion Spreadsheet Component. Trigger for creating, viewing, editing Excel (.xlsx, .xls, .xlsb) and CSV files; embedding spreadsheet editors; data binding from APIs/JSON; using formulas, charts, validation, filtering, or conditional formatting. Also trigger when users reference spreadsheet files (""open xlsx"", ""load Excel file"", ""add Syncfusion spreadsheet"", ""bind data to spreadsheet""). Do NOT trigger for standalone file processing without UI components.","33","spreadsheet-editor-sdk-skills","Vue","50f31d0","2026-07-06","https://github.com/syncfusion/spreadsheet-editor-sdk-skills/blob/master/skills/syncfusion-vue-spreadsheet-editor/SKILL.md"
"syncfusion-vue-pdf-viewer","pdf viewer","Implements the Syncfusion Vue PDF Viewer (ejs-pdfviewer) for embedding, configuring, and loading PDF documents. Use this when rendering PDFs in a Vue 2 or Vue 3 application, embedding viewer controls, or generating SFC (.vue) code for PDF display and interaction.","25","pdf-viewer-sdk-skills","Vue","f3e9834","2026-07-06","https://github.com/syncfusion/pdf-viewer-sdk-skills/blob/master/skills/syncfusion-vue-pdf-viewer/SKILL.md"