
syncfusion/react-ui-components-skills
- skills.sh installs
- 39.6K
- skills
- 59
Install
$ npx -y skills add syncfusion/react-ui-components-skills --agent claude-codeInstalls into .claude/skills of the current project.
Skills
1
syncfusion-react-gridsyncfusion/react-ui-components-skillsImplements Syncfusion React Grid component for feature-rich data tables and grids. Use this when working with data display, sorting, filtering, grouping, aggreg854skills.sh installs
2
syncfusion-react-schedulersyncfusion/react-ui-components-skillsImplement Syncfusion React Scheduler component for calendar, event scheduling, and appointment management. Use this when building scheduling systems, calendar a810skills.sh installs
3
syncfusion-react-gantt-chartsyncfusion/react-ui-components-skillsImplement, configure, and customize the Syncfusion React Gantt Chart component. Use this when building project scheduling applications with task timelines, depe802skills.sh installs
4
syncfusion-react-rich-text-editorsyncfusion/react-ui-components-skillsImplements the Syncfusion React Rich Text Editor (RichTextEditorComponent) from ej2-react-richtexteditor, supporting HTML (WYSIWYG) and Markdown editing. Use th783skills.sh installs
5
syncfusion-react-chartssyncfusion/react-ui-components-skillsImplement Syncfusion React Charts component for data visualization. Use this when creating charts, configuring axes and series, or customizing visualization sty775skills.sh installs
6
syncfusion-react-treegridsyncfusion/react-ui-components-skillsImplements Syncfusion React TreeGrid for hierarchical data with sorting, filtering, editing, exporting, paging, virtual scrolling, and advanced features. Suppor771skills.sh installs
7
syncfusion-react-commonsyncfusion/react-ui-components-skillsCommon utilities and features for Syncfusion React components. Use this skill when the user needs to implement animations, drag-and-drop, state persistence, RTL758skills.sh installs
8
syncfusion-react-file-managersyncfusion/react-ui-components-skillsImplement Syncfusion React File Manager component for file system navigation and management. Use when users need file browsing, upload/download, file operations755skills.sh installs
9
syncfusion-react-themessyncfusion/react-ui-components-skillsUse this skill when users need to apply themes, customize appearance, switch dark mode, use CSS variables, configure icons, or modify visual styling for Syncfus755skills.sh installs
10
syncfusion-react-diagramsyncfusion/react-ui-components-skillsCreate and customize visual diagrams in React using Syncfusion Diagrams. Trigger for requests involving React component setup, nodes and connectors, flowcharts,746skills.sh installs
11
syncfusion-react-licensesyncfusion/react-ui-components-skillsUse this skill when the user asks about Syncfusion React licensing, license keys, license registration, license validation errors, trial licenses, or license tr744skills.sh installs
12
syncfusion-react-image-editorsyncfusion/react-ui-components-skillsMaster Syncfusion React Image Editor for comprehensive image editing. Use this when users need to edit images, add annotations, apply filters, manage layers, or743skills.sh installs
13
syncfusion-react-kanbansyncfusion/react-ui-components-skillsImplement Syncfusion React Kanban component for flexible task management and workflow visualization. Use this when building kanban boards, workflow stages, or c741skills.sh installs
14
syncfusion-react-chat-uisyncfusion/react-ui-components-skillsImplement the Syncfusion React Chat UI component. Use this skill to create and customize messaging interfaces, including chat setup, message rendering, file att740skills.sh installs
15
syncfusion-react-tabssyncfusion/react-ui-components-skillsImplement and customize Tab components in Syncfusion React applications. Use this skill whenever the user needs to create tabbed interfaces, manage tab content 740skills.sh installs
16
syncfusion-react-ai-assistviewsyncfusion/react-ui-components-skillsImplement the Syncfusion React AI AssistView component. Use this skill to handle AI-powered conversational interfaces, AssistView setup, conversation flow, spee737skills.sh installs
17
syncfusion-react-accumulation-chartsyncfusion/react-ui-components-skillsImplement Syncfusion React Accumulation Charts including Pie, Doughnut, Funnel, and Pyramid chart types. Use this skill when users need circular data visualizat736skills.sh installs
18
syncfusion-react-barcodesyncfusion/react-ui-components-skillsGenerate, customize, and export barcodes in React using Syncfusion BarcodeGenerator. Trigger for requests involving Code39 or Code128 barcodes, QR codes, Data M736skills.sh installs
19
syncfusion-react-dashboard-layoutsyncfusion/react-ui-components-skillsBuild responsive, interactive dashboard layouts with Syncfusion React Dashboard Layout component. Implement draggable and resizable panels, responsive grid syst735skills.sh installs
20
syncfusion-react-pivot-tablesyncfusion/react-ui-components-skillsUse this skill when users ask how to build or customize Syncfusion PivotView pivot tables in React. Trigger for React pivot grid/OLAP, aggregation, data binding734skills.sh installs
21
syncfusion-react-query-buildersyncfusion/react-ui-components-skillsComprehensive guide to implementing Syncfusion React Query Builder component. Use this skill when building advanced filter interfaces, creating complex data que734skills.sh installs
22
syncfusion-react-mapssyncfusion/react-ui-components-skillsImplement Syncfusion React Maps component for geographical data visualization. Use this when displaying interactive maps, location-based information, or regiona733skills.sh installs
23
syncfusion-react-blockeditorsyncfusion/react-ui-components-skillsImplement the Syncfusion React BlockEditor component for block-based content editing. Use this skill for block-based rich content editing, document creation, CM731skills.sh installs
24
syncfusion-react-speech-to-textsyncfusion/react-ui-components-skillsImplement the Syncfusion React SpeechToText component. Use this skill to convert speech to text, manage microphone input, control listening states, process spee730skills.sh installs
25
syncfusion-react-treeviewsyncfusion/react-ui-components-skillsImplement Syncfusion React TreeView component for hierarchical data display with node selection, drag-drop reordering, inline editing, and custom templating. Us730skills.sh installs
26
syncfusion-react-dropdown-treesyncfusion/react-ui-components-skillsImplement Syncfusion React Dropdown Tree component for hierarchical data selection with dropdown interaction. Use this when working with multi-select checkboxes728skills.sh installs
27
syncfusion-react-inline-ai-assistsyncfusion/react-ui-components-skillsImplement the Syncfusion React Inline AI Assist component. Use this skill to add inline AI suggestions, integrate AI services such as OpenAI, Gemini, Lite-LLM, 725skills.sh installs
28
syncfusion-react-ribbonsyncfusion/react-ui-components-skillsImplement the Syncfusion React Ribbon component. Use this skill for creating Ribbon UIs with tabs, groups, items, Classic or Simplified layouts, file menu and b725skills.sh installs
29
syncfusion-react-data-managersyncfusion/react-ui-components-skillsImplements Syncfusion DataManager for local/remote binding, CRUD, querying, caching, and middleware. Supports JsonAdaptor, ODataAdaptor, ODataV4Adaptor, UrlAdap702skills.sh installs
30
syncfusion-react-buttonssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React button components including Button, ButtonGroup, DropDownButton, Floating Action Button, ProgressButton, S701skills.sh installs
31
syncfusion-react-inputssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React input components including Uploader, NumericTextBox, TextBox, TextArea, CheckBox, OTP Input, Signature, Ra697skills.sh installs
32
syncfusion-react-dropdownssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React dropdown components including AutoComplete, ComboBox, DropDownList, ListBox, Mention, MultiSelect, and Mul693skills.sh installs
33
syncfusion-react-popupssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React popup components including Dialog, ToolTip. Use this when building modal/modeless dialogs, confirmation po688skills.sh installs
34
syncfusion-react-3d-chartsyncfusion/react-ui-components-skillsImplement Syncfusion React 3D Chart component from the @syncfusion/ej2-react-charts package. Use this skill when users need 3D column, bar, stacked column, stac686skills.sh installs
35
syncfusion-react-appbarsyncfusion/react-ui-components-skillsCreate responsive navigation headers with AppBar component. Build top, bottom, or sticky app bars with buttons, menus, icons, and sidebars. Use when building na686skills.sh installs
36
syncfusion-react-breadcrumbsyncfusion/react-ui-components-skillsImplement and configure Syncfusion React Breadcrumb component for navigation paths, routing, and site hierarchy. Use this skill whenever users need breadcrumb n684skills.sh installs
37
syncfusion-react-notificationssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React Notification components including Badge, Message, Skeleton, Toast, and Spinner. Use this when applying sta684skills.sh installs
38
syncfusion-react-heatmapsyncfusion/react-ui-components-skillsImplement Syncfusion React HeatMap Chart component for data visualization. Use this skill when user needs to create heatmaps, visualize 2D data patterns, displa683skills.sh installs
39
syncfusion-react-carouselsyncfusion/react-ui-components-skillsComplete guide to implementing the Syncfusion React Carousel component for rotating image galleries, product carousels, slideshow presentations, testimonials, a682skills.sh installs
40
syncfusion-react-sidebarsyncfusion/react-ui-components-skillsImplement responsive Syncfusion React Sidebar component for navigation layouts. Use this when building responsive navigation menus, drawer layouts, or collapsib681skills.sh installs
41
syncfusion-react-bullet-chartsyncfusion/react-ui-components-skillsImplements the Syncfusion React Bullet Chart component for KPI and performance indicator visualization. Use this when users need feature measure displays, compa680skills.sh installs
42
syncfusion-react-timelinesyncfusion/react-ui-components-skillsImplement Syncfusion React Timeline component for displaying chronological sequences of events with customizable layouts, styling, and interactivity. Use this s680skills.sh installs
43
syncfusion-react-progress-barsyncfusion/react-ui-components-skillsImplement Syncfusion React Progress Bar for visual feedback. Use this skill whenever users need to display progress indicators, loading states, file uploads, da679skills.sh installs
44
syncfusion-react-splittersyncfusion/react-ui-components-skillsImplement Syncfusion React Splitter component for flexible, resizable panel layouts. Guide covers layout configuration, pane sizing, collapse/expand, resize eve678skills.sh installs
45
syncfusion-react-smithchartsyncfusion/react-ui-components-skillsImplements and customizes the Syncfusion React Smith Chart component for transmission line and RF circuit visualization. Use this when users need Smith Charts f677skills.sh installs
46
syncfusion-react-3d-circular-chartsyncfusion/react-ui-components-skillsImplements the Syncfusion React 3D Circular Chart component for pie and donut chart visualization. Use this when users need 3D circular charts, data labels, leg676skills.sh installs
47
syncfusion-react-circular-gaugesyncfusion/react-ui-components-skillsImplement Syncfusion React Circular Gauge for displaying KPIs, sensor data, speedometers, and real-time monitoring dashboards. Use this skill when users need to676skills.sh installs
48
syncfusion-react-sankeysyncfusion/react-ui-components-skillsImplement Syncfusion React Sankey Chart to visualize energy flows, process dependencies, and hierarchical relationships between nodes. Use this skill when creat675skills.sh installs
49
syncfusion-react-steppersyncfusion/react-ui-components-skillsImplement and configure the Syncfusion React Stepper component for guided workflows. Use this skill when creating step-by-step navigation flows, multi-step form674skills.sh installs
50
syncfusion-react-stock-chartsyncfusion/react-ui-components-skillsImplements the Syncfusion React Stock Chart component for visualizing financial and market data. Use this when users need stock price visualization, OHLC charts674skills.sh installs
51
syncfusion-react-markdown-convertersyncfusion/react-ui-components-skillsImplement the Syncfusion Markdown Converter in React to convert Markdown text into clean HTML. Use this when converting Markdown to HTML in React, integrating a673skills.sh installs
52
syncfusion-react-range-navigatorsyncfusion/react-ui-components-skillsImplements the Syncfusion React Range Navigator component for scrolling and navigating through data with range selection. Use this when users need time-based na673skills.sh installs
53
syncfusion-react-linear-gaugesyncfusion/react-ui-components-skillsImplement Syncfusion React Linear Gauge for displaying measurements on a linear scale. Use this skill when users need temperature sensors, KPI indicators, progr672skills.sh installs
54
syncfusion-react-treemapssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React TreeMap component. Use this skill when users need help creating hierarchical data visualizations, configur671skills.sh installs
55
syncfusion-react-calendarsyncfusion/react-ui-components-skillsComprehensive guide for implementing the Syncfusion React Calendar component with quick navigation, when-to-use guidance, and reference links for common tasks. 173skills.sh installs
56
syncfusion-react-datepickersyncfusion/react-ui-components-skillsImplement Syncfusion React DatePicker component with comprehensive guidance on date selection, formatting, validation, and accessibility. Use this when working 169skills.sh installs
57
syncfusion-react-daterangepickersyncfusion/react-ui-components-skillsImplement the Syncfusion React DateRangePicker component for date range selection, booking systems, and reporting interfaces. Use this when working with date ra168skills.sh installs
58
syncfusion-react-datetimepickersyncfusion/react-ui-components-skillsComprehensive guide for implementing the Syncfusion React DateTimePicker component. Use this when working with combined date and time inputs, datetime formattin167skills.sh installs
59
syncfusion-react-timepickersyncfusion/react-ui-components-skillsImplement Syncfusion React TimePicker component for user time selection, scheduling interfaces, and appointment booking. Use this skill whenever users need to a167skills.sh installs