syncfusion avatar

syncfusion/react-ui-components-skills

skills.sh installs
39.6K
skills
59

Install

$ npx -y skills add syncfusion/react-ui-components-skills --agent claude-code

Installs into .claude/skills of the current project.

Skills

1syncfusion avatarsyncfusion-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
2syncfusion avatarsyncfusion-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
3syncfusion avatarsyncfusion-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
4syncfusion avatarsyncfusion-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
5syncfusion avatarsyncfusion-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
6syncfusion avatarsyncfusion-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
7syncfusion avatarsyncfusion-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
8syncfusion avatarsyncfusion-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
9syncfusion avatarsyncfusion-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
10syncfusion avatarsyncfusion-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
11syncfusion avatarsyncfusion-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
12syncfusion avatarsyncfusion-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
13syncfusion avatarsyncfusion-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
14syncfusion avatarsyncfusion-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
15syncfusion avatarsyncfusion-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
16syncfusion avatarsyncfusion-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
17syncfusion avatarsyncfusion-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
18syncfusion avatarsyncfusion-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
19syncfusion avatarsyncfusion-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
20syncfusion avatarsyncfusion-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
21syncfusion avatarsyncfusion-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
22syncfusion avatarsyncfusion-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
23syncfusion avatarsyncfusion-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
24syncfusion avatarsyncfusion-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
25syncfusion avatarsyncfusion-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
26syncfusion avatarsyncfusion-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
27syncfusion avatarsyncfusion-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
28syncfusion avatarsyncfusion-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
29syncfusion avatarsyncfusion-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
30syncfusion avatarsyncfusion-react-buttonssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React button components including Button, ButtonGroup, DropDownButton, Floating Action Button, ProgressButton, S701skills.sh installs
31syncfusion avatarsyncfusion-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
32syncfusion avatarsyncfusion-react-dropdownssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React dropdown components including AutoComplete, ComboBox, DropDownList, ListBox, Mention, MultiSelect, and Mul693skills.sh installs
33syncfusion avatarsyncfusion-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
34syncfusion avatarsyncfusion-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
35syncfusion avatarsyncfusion-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
36syncfusion avatarsyncfusion-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
37syncfusion avatarsyncfusion-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
38syncfusion avatarsyncfusion-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
39syncfusion avatarsyncfusion-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
40syncfusion avatarsyncfusion-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
41syncfusion avatarsyncfusion-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
42syncfusion avatarsyncfusion-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
43syncfusion avatarsyncfusion-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
44syncfusion avatarsyncfusion-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
45syncfusion avatarsyncfusion-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
46syncfusion avatarsyncfusion-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
47syncfusion avatarsyncfusion-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
48syncfusion avatarsyncfusion-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
49syncfusion avatarsyncfusion-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
50syncfusion avatarsyncfusion-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
51syncfusion avatarsyncfusion-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
52syncfusion avatarsyncfusion-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
53syncfusion avatarsyncfusion-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
54syncfusion avatarsyncfusion-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
55syncfusion avatarsyncfusion-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
56syncfusion avatarsyncfusion-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
57syncfusion avatarsyncfusion-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
58syncfusion avatarsyncfusion-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
59syncfusion avatarsyncfusion-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