"skill_name","category","description","reference_files","repository","platform","commit","commit_date","source_url"
"syncfusion-angular-3d-chart","Data Visualization","Implement interactive 3D charts in Angular applications using Syncfusion. Guide covers setup, chart types (bar, column, stacked variants), customization, data binding, axis configuration, legends, tooltips, selection, data labels, appearance styling, dimensions, print/export, and accessibility. Use this skill whenever a user needs to create, configure, or customize 3D chart visualizations.","14","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-3d-chart/SKILL.md"
"syncfusion-angular-accordion","Navigation Components","Guide for implementing Angular Accordion components for collapsible content panels, expandable sections, FAQs, multi-step wizards, step-by-step forms, navigation menus, or tabbed navigation. Use this skill when users mention expanding/collapsing content, accordion layouts, step-by-step workflows, or hierarchical content organization. This skill covers initialization, expand modes, data binding, dynamic loading, animations, nested accordions, and real-world patterns.","6","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-accordion/SKILL.md"
"syncfusion-angular-accumulation-chart","Data Visualization","Implement and customize Syncfusion Angular Accumulation Charts (Pie, Doughnut, Pyramid, Funnel) with data binding, labels, legends, and tooltips. Use this when creating accumulation charts, configuring chart types, customizing data visualization, adding annotations, or handling interactive chart events in Angular applications.","9","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-accumulation-chart/SKILL.md"
"syncfusion-angular-ai-assistview","ai assistview","Implement the Syncfusion Angular AI AssistView component. Use this skill when you need to create conversational AI interfaces, integrate AI services, add chat-like UI, or create intelligent assistant applications. Includes setup, configuration, event handling, AI integrations (OpenAI, Gemini, Ollama), speech features, chain-of-thought reasoning, generative UI tool support, and customization. Use this skill for all AI AssistView component implementation needs.","14","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-ai-assistview/SKILL.md"
"syncfusion-angular-appbar","Navigation","Implement Syncfusion Angular AppBar component for navigation, branding, and actions. Use this skill when user needs to add top or bottom navigation bar, sticky headers, AppBar with buttons/menus/sidebars, positioning options, sizing modes (Regular/Prominent/Dense), color modes (Light/Dark/Primary/Inherit), and styling customization. Covers AppBar properties like isSticky, enablePersistence, enableRtl, htmlAttributes, responsive navigation patterns, action bars, header layouts, and navigation components.","6","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-appbar/SKILL.md"
"syncfusion-angular-barcode","Data Visualization","Use Syncfusion EJ2 Angular Barcode/QR components to generate and customize barcodes in Angular. Trigger for Code39/Code128, EAN/UPC, QR Code, Data Matrix, label printing, inventory/product tags, colors/sizing/text, logo overlays, rendering, and export (PNG/SVG/PDF).","6","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-barcode/SKILL.md"
"syncfusion-angular-blockeditor","blockeditor","Implement the Syncfusion Angular Block Editor component. Use this skill for block-based editing with advanced formatting, custom menus, event handling, content management, security features, real-time collaborative editing, globalization support, and extensive customization options for Angular applications.","16","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-blockeditor/SKILL.md"
"syncfusion-angular-breadcrumb","Navigation Components","Guide for implementing Syncfusion Angular Breadcrumb components for navigation trails. Covers installation, data binding, navigation setup, icons, overflow modes, and template customization. Use this when building breadcrumb navigation that displays user location in hierarchies, enables clicking parent items for navigation, adds icons for visual context, or customizes appearance with templates.","7","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-breadcrumb/SKILL.md"
"syncfusion-angular-bullet-chart","Data Visualization","Implement Syncfusion Angular Bullet Chart component for performance comparison visualizations. Use this when displaying actual vs target values, defining quality ranges, customizing axes and labels, or creating accessible performance indicators. Covers getting started, data binding, axes configuration, visual elements, and customization.","7","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-bullet-chart/SKILL.md"
"syncfusion-angular-buttons","Buttons","Comprehensive guide for implementing Syncfusion Angular button components including Button, ButtonGroup, DropDownButton, Floating Action Button (FAB), ProgressButton, RadioButton, Switch, Speed Dial, SplitButtons, and Chips. Use this when implementing and styling these components - covering visual styles (primary, outline, toggle, icon, round, block), grouping, dropdowns with popup items and animations, FAB positioning/scoping, Speed Dial linear/radial action items, progress-enabled buttons, and toggle/radio controls.","69","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-buttons/SKILL.md"
"syncfusion-angular-calendars","Calendars","Comprehensive guide for implementing Syncfusion Angular 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 controlled component patterns in Angular applications.","46","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-calendars/SKILL.md"
"syncfusion-angular-card","Layout Components","Implements Syncfusion Angular Card components with headers, images, action buttons, and configurable layouts. Use this skill when building flexible, reusable card interfaces with custom styling, CSS classes, and component integration patterns for displaying content in structured card formats.","6","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-card/SKILL.md"
"syncfusion-angular-carousel","Navigation Components","Learn how to implement the Syncfusion Angular Carousel component for displaying slides with images and content. This comprehensive skill includes complete API documentation with all 30 properties, 5 methods, 2 events, and working code examples. Use when creating image galleries, product showcases, featured content sliders, news rotators, or implementing carousel navigation with animations.","5","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-carousel/SKILL.md"
"syncfusion-angular-chart","Data Visualization","Implement Syncfusion Angular Chart component for professional data visualization. Use this when creating or customizing charts such as line, bar, column, area, pie, financial (candlestick, OHLC), scatter, bubble, or stock charts. Supports axes configuration, series binding, legends, tooltips, zooming, real-time updates, technical indicators, themes, export, and accessibility features.","11","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-chart/SKILL.md"
"syncfusion-angular-chat-ui","chat ui","Implement the Syncfusion Angular Chat UI component. Use this skill whenever users need to implement messaging, real-time conversations, file attachments, typing indicators, user mentions, or bot integrations (Dialogflow, Microsoft Bot Framework) in Angular applications. Essential for customer support chatbots, team messaging apps, AI-powered assistants, and collaborative communication interfaces.","11","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-chat-ui/SKILL.md"
"syncfusion-angular-circular-3d-chart","Data Visualization","Implement interactive 3D circular charts in Angular applications using Syncfusion. Covers pie and donut chart creation, data binding, data labels with positioning and templates, empty points handling, tooltips with custom formatting, legend configuration, titles and subtitles, and print/export functionality (PNG, SVG, PDF). Use this skill when creating 3D circular visualizations for data representation, comparison, and interactive user engagement.","7","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-circular-3d-chart/SKILL.md"
"syncfusion-angular-circular-gauge","Data Visualization","Implement Syncfusion Angular Circular Gauge component for radial data visualization. Use this when building circular gauges for dashboards, monitoring displays, performance metrics, speedometers, or KPI indicators. Covers installation, axes configuration, pointer types (needle, range bar, marker), ranges, styling, animations, and user interactions.","7","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-circular-gauge/SKILL.md"
"syncfusion-angular-common","Common Features","Common utilities and features for Syncfusion Angular 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 Angular components.","3","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-common/SKILL.md"
"syncfusion-angular-context-menu","Navigation Components","Implement Syncfusion Angular ContextMenu component for right-click and touch-hold menus. Use this skill when user needs to create context menus, add/remove/enable menu items, handle menu clicks, customize animations, apply templates, handle data binding, trigger dialogs from menu items, show/hide items dynamically, add icons, create scrollable menus, or customize menu appearance.","6","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-context-menu/SKILL.md"
"syncfusion-angular-dashboard-layout","Layout Components","Create responsive grid-based dashboards with draggable, resizable panels. Use this skill when implementing Syncfusion Angular Dashboard Layout, creating customizable dashboard layouts, adding dynamic panels, enabling drag-drop panel repositioning, resizing panels, saving/restoring dashboard states, making dashboards responsive, or styling dashboard components with CSS customization.","12","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-dashboard-layout/SKILL.md"
"syncfusion-angular-data-manager","Data Management","Implements Syncfusion Angular 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.","10","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-data-manager/SKILL.md"
"syncfusion-angular-diagram","Data Visualization","Build and configure Syncfusion EJ2 Angular Diagram for flowcharts, org charts, process diagrams, and data-visualization. Trigger when users ask to create nodes/connectors, apply layouts, swimlane, use BPMN/UML shapes, ER diagrams, or add interactivity like drag-drop, zoom/pan, snapping, editing, and symbol palettes.","17","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-diagram/SKILL.md"
"syncfusion-angular-dropdowns","Dropdowns","Comprehensive guide for implementing Syncfusion Angular dropdown components including AutoComplete, ComboBox, DropDownList, ListBox, Mention, MultiSelect and MultiColumn ComboBox. Use this when building selection interfaces, data binding, filtering, cascading dropdowns, custom templates, and accessible dropdown experiences in Angular applications.","64","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-dropdowns/SKILL.md"
"syncfusion-angular-dropdowntree","Dropdowns","Implement Syncfusion Angular Dropdown Tree component for hierarchical data selection with single or multiple values. Use this when selecting items from tree-structured hierarchies, enabling checkboxes for multi-selection, binding hierarchical data, customizing tree items with templates, or implementing parent-child dependent selection. Works with self-referential structures and remote OData/REST endpoints for category selectors and organizational interfaces.","7","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-dropdowntree/SKILL.md"
"syncfusion-angular-file-manager","File Manager","Implement the Syncfusion Angular File Manager component for file browsing, management, and operations. Use this skill whenever the user needs to create a file manager interface, handle file operations like upload/download/delete, manage folders, or customize file browsing experiences in Angular applications.","24","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-file-manager/SKILL.md"
"syncfusion-angular-gantt-chart","gantt chart","Implement and configure the Syncfusion Angular Gantt Chart component (ejs-gantt, GanttModule). Use this when building Angular applications with Gantt chart functionality, task scheduling, dependencies, or resource management. Covers component setup, task dependencies, taskbar editing, critical path analysis, resource allocation, timeline configuration, filtering, sorting, export, undo/redo, state persistence, and localization.","26","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-gantt-chart/SKILL.md"
"syncfusion-angular-grid","Grids","Implements Syncfusion Angular 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.","41","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-grid/SKILL.md"
"syncfusion-angular-heatmap","Data Visualization","Implement Syncfusion Angular HeatMap Chart component for visualizing two-dimensional data with color gradients. Use this skill whenever users need to create heatmaps, visualize data matrices, display data with color-coded cells, configure axes (numeric/categorical/datetime), add legends, customize colors and rendering modes, handle cell selection and events, or implement accessibility features. Includes data binding, axis types, interactive selection, tooltips, and bubble heatmaps.","8","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-heatmap/SKILL.md"
"syncfusion-angular-image-editor","File Viewers & Editors","Implement feature-rich image editing in Angular applications using Syncfusion Image Editor. Use this skill whenever user mentions editing images, adding annotations, applying filters, cropping, transforming, or manipulating images in Angular. Covers installation, all annotation types (text, shapes, freehand), transformations (rotate, flip, zoom), filtering, frame application, redaction, open/save functionality, undo/redo, toolbar customization, accessibility, and advanced features like z-ordering and dialog integration.","22","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-image-editor/SKILL.md"
"syncfusion-angular-inline-ai-assist","inline ai assist","Implement the Syncfusion Angular Inline AI Assist component for AI-powered text processing and editing. Use this skill when user needs to add AI-powered suggestions, create prompt/response workflows, customize toolbars and commands, handle AI responses, configure templates, implement event handling, or add localization to Angular applications with intelligent inline text editing capabilities. Covers installation, configuration, response modes, command settings, toolbar customization, template usage, event handling, methods, and RTL/localization support.","6","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-inline-ai-assist/SKILL.md"
"syncfusion-angular-inputs","Inputs","A comprehensive guide to implementing Syncfusion Angular Input components, including Uploader, NumericTextBox, TextBox, Signature, CheckBox, OTP Input, RangeSlider, TextArea, ColorPicker, MaskedTextBox, and Rating. This guide is intended for building Angular applications with file upload UIs supporting async and chunked uploads, drag‑and‑drop functionality, numeric inputs with validation and formatting, text inputs with floating labels and custom adornments, digital signature capture with undo, redo, and export capabilities, checkbox multi‑select and indeterminate states, seamless form integration, accessibility compliance, one‑time password (OTP) inputs, programmatic row adjustments, slider tick customization and styling, visual color selection with HSV picker and palette support, masked text input for structured data entry, and interactive star rating components.","96","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-inputs/SKILL.md"
"syncfusion-angular-kanban","Data Visualization","Create and manage interactive Kanban boards with Syncfusion Angular component. Use this skill when you need to build workflow visualization tools with drag-and-drop cards, swimlanes, columns, and real-time data binding. Covers setup, configuration, events, properties, methods, and best practices for implementing task management and project tracking interfaces.","12","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-kanban/SKILL.md"
"syncfusion-angular-license","Licensing","Use this skill when the user asks about Syncfusion Angular 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 Angular applications, including edition-based and platform-based licensing models, registration methods, CI/CD integration, and resolving common licensing errors.","3","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-license/SKILL.md"
"syncfusion-angular-linear-gauge","Data Visualization","Create and customize Syncfusion Angular Linear Gauge components for displaying measurements and metrics. Use this skill when user needs to implement a linear gauge, display scalar values in a linear scale, create measurement interfaces, configure ranges and pointers, add annotations, handle user interactions, or customize gauge appearance. Covers installation, configuration, events, accessibility, printing, and internationalization.","8","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-linear-gauge/SKILL.md"
"syncfusion-angular-listview","List Components","Guide for implementing Syncfusion Angular ListView component. Use this skill when building interactive lists with data binding, grouping, templates, selection, events, drag-and-drop, or virtualization features. This skill covers getting started, data binding, customization, selection, advanced features, specialized use cases, styling, and accessibility for building production-ready list interfaces.","12","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-listview/SKILL.md"
"syncfusion-angular-maps","Data Visualization","Implement Syncfusion Angular Maps component for geographical data visualization. Use this when users need to display maps, visualize geographical data with markers and bubbles, integrate map providers like Bing or OpenStreetMap, render GeoJSON shapes, or create choropleth maps with color-coded regions. Supports interactive features like zooming, panning, layers, legends, tooltips, color mapping, and accessibility.","12","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-maps/SKILL.md"
"syncfusion-angular-markdown-converter","File Viewers & Editors","Implement the Syncfusion Angular Markdown Converter to convert Markdown text into clean HTML. Use this when converting Markdown to HTML in Angular, 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","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-markdown-converter/SKILL.md"
"syncfusion-angular-menu","Navigation Component","Guide for implementing Syncfusion Angular Menu component. Use this skill when the user needs to create navigation menus, hierarchical menu structures, submenu items, menu events, animation, orientation changes, RTL support, or customize menu appearance. Covers installation, data binding, templates, events, styling, accessibility, and real-world implementations like sidebar menus and toolbars.","11","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-menu/SKILL.md"
"syncfusion-angular-notifications","Notifications","Comprehensive guide for implementing Syncfusion Angular notification components including Message, Skeleton, Toast, and Badge. Use this when displaying informational, success, warning, or error alerts with severity levels, customizing message variants (Text, Outlined, Filled), handling close events, showing content skeletons with shimmer/pulse animations during data loading, or adding status badges with 8 color variants and shape types (circle, pill, notification, dot, overlap). Covers MessageModule, SkeletonModule, ToastModule, CSS-based Badge implementation, accessibility, RTL, and custom styling in Angular applications.","25","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-notifications/SKILL.md"
"syncfusion-angular-pivot-table","Grids","Use this skill when users ask how to build or customize Syncfusion PivotView pivot tables in Angular. Trigger for Angular pivot grid/OLAP, aggregation, data binding (JSON/remote), drill-down/drill-through, grouping, filtering, conditional formatting, exports (Excel/PDF/CSV), or pivot charts. Angular-only, not React/Vue/Blazor.","23","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-pivot-table/SKILL.md"
"syncfusion-angular-popups","Layout","Comprehensive guide for implementing Syncfusion Angular popup components including Dialog, Predefined Dialogs and 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 Angular applications.","23","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-popups/SKILL.md"
"syncfusion-angular-progress-bar","Notifications","Implement Angular Progress Bar components for visual progress tracking. Use when you need to show determinate, indeterminate, or buffered progress in linear or circular shapes with animations, customization, and accessibility support.","7","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-progress-bar/SKILL.md"
"syncfusion-angular-query-builder","Forms","Implement the Syncfusion Angular Query Builder component for visual query construction, dynamic filtering, and rule management. Use this when building visual filter UIs, creating query conditions programmatically, importing/exporting SQL or MongoDB queries, or customizing query builder templates. This skill covers data binding, column configuration with operators, rule groups, theming, and Angular forms integration for the QueryBuilder (ejs-querybuilder) component.","9","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-query-builder/SKILL.md"
"syncfusion-angular-range-navigator","Data Visualization","Implement interactive Range Navigator in Angular applications using Syncfusion. Covers data binding from local and remote sources, axis configuration (numeric and date-time), series types, tooltip customization, period selector setup, lightweight mode, RTL support, axis labels and formatting, grid ticks, print/export functionality (PNG, SVG, PDF), and accessibility features. Use this skill when creating data range selection tools, timeline navigators, and interactive data exploration components.","10","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-range-navigator/SKILL.md"
"syncfusion-angular-ribbon","ribbon","Implement the Syncfusion Angular Ribbon component. Use this skill when you need to create Microsoft Office-style ribbon interfaces, organize application commands in tabs and groups, implement file menus or backstage views, or create sophisticated command interfaces. Includes setup, configuration, event handling, layouts, and customization. Use this skill for all Ribbon component implementation needs.","8","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-ribbon/SKILL.md"
"syncfusion-angular-rich-text-editor","File Viewers & Editors","Implements the Syncfusion Angular Rich Text Editor (ejs-richtexteditor) from @syncfusion/ej2-angular-richtexteditor using RichTextEditorModule, HtmlEditorService, and MarkdownEditorService.Use this skill for toolbar configuration, image/video/audio insertion, paste cleanup, AI assistant integration, emoji picker, slash menu, mentions, import/export Word/PDF, form validation, and source code view in Angular applications.","19","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-rich-text-editor/SKILL.md"
"syncfusion-angular-sankey","Data Visualization","Create and configure Syncfusion Angular Sankey diagrams for flow visualization. Use this when visualizing weighted flows, processes, and hierarchical relationships. Supports node and link styling, legends, tooltips, events, accessibility features, and comprehensive data binding for complex flow diagrams.","8","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-sankey/SKILL.md"
"syncfusion-angular-scheduler","Calendars","Implement and configure Syncfusion Angular Scheduler (Schedule) component for calendar and event management. Use this when building schedulers, calendar systems, event management applications, appointment booking interfaces, or resource scheduling solutions. This skill covers timeline views, day/week/month views, recurring events, time slot management, and working hours configuration.","17","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-scheduler/SKILL.md"
"syncfusion-angular-sidebar","Navigation","Guide for implementing Syncfusion Angular Sidebar component for navigation, collapsible menus, and dynamic content. Use this when creating sidebars with multiple positioning options, animations, gestures, docking, responsive behavior, TreeView/ListView content, and backdrop overlays. This skill covers sidebar navigation, toggle menus, responsive navigation panels, collapsible layouts, and expanding/collapsing navigation elements.","7","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-sidebar/SKILL.md"
"syncfusion-angular-smith-chart","Data Visualization","Implement Syncfusion Angular Smith Chart component for high-frequency circuit visualization and transmission line analysis. Use this skill whenever the user needs to create smith charts, visualize impedance or admittance parameters, add multiple series to a smith chart, customize axes and gridlines, configure markers and data labels, implement legends with visibility toggling, add tooltips and export functionality, or styling and accessibility. Covers installation, basic rendering, series management, axis configuration, marker/label customization, legend setup and advanced features.","8","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-smith-chart/SKILL.md"
"syncfusion-angular-sparkline","Data Visualization","Implement Syncfusion Angular Sparkline component for compact data visualization. Use this skill whenever the user needs to create sparkline charts, visualize small datasets inline, add markers or data labels, implement different sparkline types (Line, Column, Area, Pie, Win-Loss), or handle sparkline customization like tooltips, axis settings, and theme styling. Covers installation, basic rendering, type selection, marker configuration, data label formatting, advanced features, accessibility, and migration from EJ1.","8","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-sparkline/SKILL.md"
"syncfusion-angular-speech-to-text","speech to text","Implement the Syncfusion Angular SpeechToText component. Use this skill for real-time speech-to-text conversion with text transcripts, custom button appearance and tooltips, recognition event handling, multiple language support with localization and RTL, error handling, and security best practices for microphone access and data transmission.","8","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-speech-to-text/SKILL.md"
"syncfusion-angular-splitter","Layout Components","Create resizable, multi-pane layouts with Syncfusion Angular Splitter. Use this skill whenever the user wants to build split-pane interfaces, create dashboard layouts, implement sidebar+content patterns, or manage dynamic pane structures. Include scenarios involving horizontal/vertical splitting, collapsible panes, pane resizing, dynamic pane addition/removal, or complex nested layouts. Perfect for creating flexible UI layouts that adapt to user interaction.","12","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-splitter/SKILL.md"
"syncfusion-angular-stepper","Navigation Components","Create and configure Syncfusion Angular Stepper component for multi-step workflows, wizards, forms, and onboarding flows. Use this skill when implementing step-by-step navigation, configuring step validation, handling step events, or customizing step appearance with icons, labels, and templates. This covers stepper-based wizard interfaces, progress tracking workflows, and multi-form configurations.","9","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-stepper/SKILL.md"
"syncfusion-angular-stock-chart","Data Visualization","Implement Syncfusion Angular Stock Chart component for displaying financial data and OHLC charts. Use this skill whenever users need to create stock charts, display candlestick or OHLC data, add technical indicators, implement date range selection, or work with time-series financial visualization. Includes series types, axis customization, interactive features, and export capabilities.","9","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-stock-chart/SKILL.md"
"syncfusion-angular-tab","Navigation Components","Implement the responsive tabbed navigation in Angular using Syncfusion Tab. Supports tab selection, dynamic loading, drag-and-drop reordering, localization, multiple orientations, state persistence, data binding, remote data, animations, and advanced patterns like wizards, nested tabs, and collapsible tabs.","12","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-tab/SKILL.md"
"syncfusion-angular-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 Angular components. Covers icon library, size modes, and Theme Studio integration.","6","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-themes/SKILL.md"
"syncfusion-angular-timeline","Timelines","Syncfusion Angular Timeline component for displaying sequential events and milestones. Use this to create vertical or horizontal timelines with configurable alignments (Before, After, Alternate, AlternateReverse), custom content, opposite-side content, event handlers, and advanced customization including dot styling, connector appearance, and item templates. Essential for implementing product roadmaps, project timelines, activity feeds, career progression timelines, and any sequential event visualization.","8","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-timeline/SKILL.md"
"syncfusion-angular-toolbar","Navigation Components","Creates dynamic, responsive Angular toolbars with Syncfusion. Configure button items, separators, input components, templates, styling, tooltips, links, and responsive scrolling. Supports customization, accessibility, keyboard navigation, RTL mode, and component embedding for building professional toolbar interfaces in Angular applications.","9","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-toolbar/SKILL.md"
"syncfusion-angular-treegrid","Grid Components","Implements Syncfusion Angular 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 Angular applications.","41","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-treegrid/SKILL.md"
"syncfusion-angular-treemap","Data Visualization","Create and customize Syncfusion Angular TreeMap components for hierarchical data visualization. Use this skill when you need to implement a TreeMap, visualize hierarchical data structures, configure multi-level layouts, apply color mapping, enable drilldown navigation, add labels and tooltips, configure legends, handle selection and highlight, export to images or PDF, print, or customize internationalization and accessibility. Covers installation, data binding, layout types, levels, color mapping, labels, tooltips, legends, drilldown, interactivity, print/export, RTL, locale formatting, and accessibility.","10","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-treemap/SKILL.md"
"syncfusion-angular-treeview","Navigation Components","Implement hierarchical tree structures with Syncfusion Angular TreeView component. Use this when building tree-based UIs with features like checkboxes, drag-and-drop, node editing, filtering, and templating. This skill covers dynamic data binding, nested hierarchies, folder structures, and interactive tree-based interfaces.","9","angular-ui-components-skills","Angular","1aba4bc","2026-08-11","https://github.com/syncfusion/angular-ui-components-skills/blob/master/skills/syncfusion-angular-treeview/SKILL.md"
"syncfusion-angular-docx-editor","docx editor","Use this skill when a user asks how to generate, integrate, or implement a Word‑like document editor in Angular using Syncfusion. Trigger it for requests involving the Syncfusion Angular Document Editor, Angular‑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 Angular applications.","12","docx-editor-sdk-skills","Angular","2173e61","2026-07-06","https://github.com/syncfusion/docx-editor-sdk-skills/blob/master/skills/syncfusion-angular-docx-editor/SKILL.md"
"syncfusion-angular-spreadsheet-editor","spreadsheet editor","Use this skill for Angular 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","Angular","50f31d0","2026-07-06","https://github.com/syncfusion/spreadsheet-editor-sdk-skills/blob/master/skills/syncfusion-angular-spreadsheet-editor/SKILL.md"
"syncfusion-angular-pdf-viewer","pdf viewer","Implements the Syncfusion Angular PDF Viewer (PdfViewerComponent) for embedding, configuring, and loading PDF documents. Use this when rendering PDFs in an Angular application, embedding viewer controls, or generating TS/CSS code for PDF display and interaction.","26","pdf-viewer-sdk-skills","Angular","f3e9834","2026-07-06","https://github.com/syncfusion/pdf-viewer-sdk-skills/blob/master/skills/syncfusion-angular-pdf-viewer/SKILL.md"