Menu
SkillsMP a collecté 63 skills depuis syncfusion/javascript-ui-controls-skills. Ouvrez un skill pour examiner sa source et ses détails.
Copiez ce prompt dans l’assistant IA que vous utilisez.
Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/syncfusion/javascript-ui-controls-skills.Affichage de 40 skills collectés sur 63.
Create interactive 3D charts in Syncfusion TypeScript and JavaScript. Immediately use this skill when user needs to build 3D visualizations, render 3D column/bar charts, configure 3D rotation and depth, visualize data in three dimensions, customize 3D chart…
Langue du texte source : anglais
Implements Syncfusion JavaScript accumulation charts (Pie, Doughnut, Funnel, Pyramid) for proportional and percentage-based visualizations. Use when displaying categorical or proportional data. Covers legend and label configuration, interactivity,…
Langue du texte source : anglais
Create interactive bullet charts in Syncfusion TypeScript and JavaScript. Immediately use this skill when user needs to build bullet charts, visualize performance metrics, create comparative analyses, configure ranges/bars, customize appearance, add…
Langue du texte source : anglais
Implements Syncfusion JavaScript chart controls (Line, Area, Bar, Column, Pie, Polar, Radar, Waterfall, Stock). Use when building interactive data visualizations, dashboards, or real-time charts. Covers series and axes configuration, styling, animations,…
Langue du texte source : anglais
Create interactive 3D circular charts (Pie, Doughnut) in Syncfusion TypeScript and JavaScript. ALWAYS use this skill when the user needs to implement 3D pie charts, 3D doughnut charts, 3D circular visualizations, data labels, legends, tooltips, or any 3D…
Langue du texte source : anglais
Guide to implementing Syncfusion Circular Gauge in TypeScript and JavaScript. Immediately use this skill when user needs to visualize numeric values on a circular scale, configure axes and pointers, add ranges and annotations, customize gauge appearance,…
Langue du texte source : anglais
Guide to implementing Syncfusion Heatmap in TypeScript and JavaScript. Immediately use this skill when user needs to visualize two-dimensional data, create gradient-based visualizations, configure axes and labels, customize cell appearance, add interactive…
Langue du texte source : anglais
Create and customize Syncfusion TypeScript and JavaScript 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,…
Langue du texte source : anglais
Guide to implementing Syncfusion Maps in TypeScript and JavaScript. Use this skill whenever the user needs to create interactive maps, add markers, visualize geographical data, work with map layers, apply color mapping, add annotations, configure legends, or…
Langue du texte source : anglais
Implement Syncfusion Progress Bar components in TypeScript and JavaScript 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…
Langue du texte source : anglais
Create interactive range navigators in Syncfusion TypeScript and JavaScript for data visualization and range selection. Immediately use this skill when user needs to build range selectors, filter large datasets, select date ranges, visualize time-series data,…
Langue du texte source : anglais
Create interactive Sankey diagrams in Syncfusion TypeScript and JavaScript. Use this skill when user needs to visualize data flows, create flow diagrams, configure nodes and links, customize Sankey appearance, add tooltips and legends, implement…
Langue du texte source : anglais
Guide to implementing Syncfusion SmithChart in TypeScript and JavaScript for visualizing transmission line parameters and impedance/admittance data. Use this skill ALWAYS when user needs to create smith charts, visualize network parameters, display impedance…
Langue du texte source : anglais
Create compact, lightweight sparklines in Syncfusion TypeScript and JavaScript. Immediately use this skill when user needs to visualize small data trends, create sparklines in grids, display line/column/area/pie/win-loss charts, add markers for…
Langue du texte source : anglais
Create interactive stock charts in Syncfusion TypeScript and JavaScript. Immediately use this skill when user needs to visualize financial data, track stock prices, implement trading dashboards, configure technical indicators, use period selectors, display…
Langue du texte source : anglais
Create and customize Syncfusion TreeMap components in TypeScript and JavaScript for hierarchical data visualization. Use this skill when you need to implement a TreeMap, visualize hierarchical data structures, configure multi-level layouts, apply color…
Langue du texte source : anglais
Implement Syncfusion Gantt Chart using JavaScript/TypeScript (Essential JS 2). Use this when working with ej2-gantt component for project scheduling, task dependencies, and timeline management. Covers full Gantt implementation including data binding, task…
Langue du texte source : anglais
Build collapsible navigation panels with the Syncfusion TypeScript Accordion component. Use this skill when implementing vertical accordion menus, expanding/collapsing content panels, multi-step wizards, data-driven panels with dynamic content, tabbed…
Langue du texte source : anglais
Learn how to implement and configure the Syncfusion TypeScript AppBar control for navigation bars, app headers, and UI toolbars. This skill covers responsive positioning, color modes, sizing, styling, and component integration. Use when building navigation…
Langue du texte source : anglais
Learn to implement and configure the Syncfusion TypeScript Breadcrumb component for navigation. Use this skill when implementing breadcrumb navigation for web applications. Covers component initialization, item configuration, overflow handling, event…
Langue du texte source : anglais
Comprehensive Syncfusion EJ2 JavaScript Buttons library with 10 components (Button, ButtonGroup, Chips, DropdownButton, FAB, ProgressButton, RadioButton, SpeedDial, SplitButton, Switch). Includes imperative TypeScript/JavaScript APIs, multiple themes…
Langue du texte source : anglais
Implement Calendar, DatePicker, DateRangePicker, DateTimePicker, and TimePicker components using Syncfusion JavaScript (EJ2) calendars library. Covers date/time selection, formatting, validation, localization, masking, accessibility, and advanced…
Langue du texte source : anglais
Create flexible, responsive card layouts with headers, images, action buttons, and custom styling. Use when building UI containers for displaying content, product cards, service offerings, or dashboard components. Customize with CSS styling, add headers,…
Langue du texte source : anglais
Build carousel components for displaying image galleries, news headlines, and rotating content. Use this skill when implementing image sliders, automatic content rotation, or carousel-based galleries. Covers navigation controls, slide transitions, animation…
Langue du texte source : anglais
A comprehensive guide for implementing Syncfusion TypeScript ContextMenu component. Use this skill when building context menus that appear on right-click or touch-hold, including features like nested menus, dynamic items, animations, events, styling, and data…
Langue du texte source : anglais
Comprehensive guide for implementing Syncfusion TypeScript dropdown components including AutoComplete, ComboBox, Mention, Dropdownlist, Multiselect, ListBox, and MultiColumn ComboBox. Use this when building selection interfaces, data binding, filtering,…
Langue du texte source : anglais
Implement Syncfusion Dropdown Tree control to display hierarchical data in dropdown format. Use this skill when implementing single or multiple value selection from hierarchical data, enabling checkboxes with dependent parent-child states, lazy-loading large…
Langue du texte source : anglais
Implement the Syncfusion TypeScript Image Editor control for image editing, annotation, and manipulation. Use this when the user needs to add image editing capabilities, work with filters, transformations, cropping, or drawing features in TypeScript…
Langue du texte source : anglais
Comprehensive guide for implementing Syncfusion EJ2 JavaScript input components including CheckBox, ColorPicker, MaskedTextBox, NumericTextBox, OTP Input, RangeSlider, Rating, Signature, TextArea, TextBox, and Uploader. Use this when adding checkboxes, color…
Langue du texte source : anglais
Build responsive ListView components with Syncfusion TypeScript. Implement this skill when working with list-based interfaces, data binding, templates, selection handling, nested lists, grouping, filtering, virtualization, and advanced features like drag-drop…
Langue du texte source : anglais
When building navigation hierarchies, implement Syncfusion Menu for multi-level nested items, data binding, animations, and event handling. Supports horizontal and vertical orientations, scrollable menus, accessibility, and real-time item management.
Langue du texte source : anglais
Comprehensive guide for implementing Syncfusion EJ2 JavaScript Notification components including Message, Skeleton, and Toast. Use this when displaying contextual messages with severity indicators (Normal, Success, Info, Warning, Error) and display variants…
Langue du texte source : anglais
Comprehensive guide for implementing Syncfusion EJ2 JavaScript Popup components including Dialog, Predefined Dialog (DialogUtility), and Tooltip. Use this when building modal/modeless dialogs, alert/confirm windows, draggable dialogs, resizable windows,…
Langue du texte source : anglais
How to implement Syncfusion JavaScript QueryBuilder component with comprehensive guidance on columns, data binding, rules management, filtering, templates, drag-drop interactions, import/export, and accessibility. Use this skill when users need help with…
Langue du texte source : anglais
Build responsive sidebar navigation with Syncfusion Sidebar component. Supports multiple expand types (Over, Push, Slide, Auto), docking, animations, and gestures. Triggers when building navigation menus, mobile-friendly sidebars, dockable panels, or sidebars…
Langue du texte source : anglais
Implement and configure the Syncfusion TypeScript Splitter control for creating responsive multi-pane interfaces. Use this skill when implementing pane configuration, orientation changes, resizing, collapse/expand functionality, and content loading. This…
Langue du texte source : anglais
Create and implement the Syncfusion TypeScript Stepper navigation component. Use this skill whenever a user wants to display a progress indicator with steps, implement a wizard workflow, show a multi-step process, display navigation between form pages, add…
Langue du texte source : anglais
This skill enables creating and customizing Syncfusion TypeScript Tab components, including tab navigation, tab headers, styling, responsive layouts, dynamic content loading, animations, and multi-panel organization.
Langue du texte source : anglais
Create and configure Syncfusion TypeScript Timeline control for displaying sequential events and chronological content. Use this skill when implementing timeline layouts, milestone tracking, process flows, progress indicators, or visualizing ordered…
Langue du texte source : anglais
Implement Syncfusion TypeScript Toolbar control for creating command-based navigation interfaces. Use this skill whenever the user needs to build toolbars, add toolbar items (buttons, separators, inputs), configure responsive modes (scrollable/popup), handle…
Langue du texte source : anglais