10 actions in 10 pieces of software · ranked by words, meaning and measured trust · 615 ms

1. 1syncfusion-react-toolbarverified and signedpassport

   skillsyncfusion/react-ui-components-skillsrecord

   • syncfusion-react-toolbar

     Implement the Syncfusion React Toolbar component to create responsive command bars and action toolbars. This skill covers organizing buttons, separators, and input components with various overflow handling modes. Use this when building rich text editors, document editors, or command-driven interface

2. 2syncfusion-react-appbarverified and signedpassport

   skillsyncfusion/react-ui-components-skillsrecord

   • syncfusion-react-appbar

     Create responsive navigation headers with AppBar component. Build top, bottom, or sticky app bars with buttons, menus, icons, and sidebars. Use when building navigation elements, toolbars, action bars, or responsive headers with dynamic content layout. Includes color modes (Light, Dark, Primary, Inh

3. 3syncfusion-react-blockeditorverified and signedpassport

   skillsyncfusion/react-ui-components-skillsrecord

   • syncfusion-react-blockeditor

     Implement the Syncfusion React BlockEditor component for block-based content editing. Use this skill for block-based rich content editing, document creation, CMS interfaces, markdown alternatives, editor setup, block configuration, toolbar or menu customization, drag-and-drop behavior, formatting op

4. 4syncfusion-react-ribbonverified and signedpassport

   skillsyncfusion/react-ui-components-skillsrecord

   • syncfusion-react-ribbon

     Implement the Syncfusion React Ribbon component. Use this skill for creating Ribbon UIs with tabs, groups, items, Classic or Simplified layouts, file menu and backstage view, contextual tabs, galleries, KeyTips, accessibility, theming, responsive behavior, customization, and troubleshooting in React

5. 5syncfusion-react-rich-text-editorverified and signedpassport

   skillsyncfusion/react-ui-components-skillsrecord

   • syncfusion-react-rich-text-editor

     Implements the Syncfusion React Rich Text Editor (RichTextEditorComponent) from ej2-react-richtexteditor, supporting HTML (WYSIWYG) and Markdown editing. Use this skill for toolbar configuration, image/video/audio insertion, paste cleanup, AI assistant integration, emoji picker, slash menu, mentions

6. 6syncfusion-react-inline-ai-assistverified and signedpassport

   skillsyncfusion/react-ui-components-skillsrecord

   • syncfusion-react-inline-ai-assist

     Implement the Syncfusion React Inline AI Assist component. Use this skill to add inline AI suggestions, integrate AI services such as OpenAI, Gemini, Lite-LLM, or Ollama, configure command and response actions, customize toolbars, enable built-in Speech-to-Text, handle events, and support real-time

7. 7syncfusion-react-commonverified and signedpassport

   skillsyncfusion/react-ui-components-skillsrecord

   • syncfusion-react-common

     Common utilities and features for Syncfusion React 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 React components.

8. 8syncfusion-react-buttonsverified and signedpassport

   skillsyncfusion/react-ui-components-skillsrecord

   • syncfusion-react-buttons

     Comprehensive guide for implementing Syncfusion React 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 selectio

9. 9syncfusion-react-tabsverified and signedpassport

   skillsyncfusion/react-ui-components-skillsrecord

   • syncfusion-react-tabs

     Implement and customize Tab components in Syncfusion React applications. Use this skill whenever the user needs to create tabbed interfaces, manage tab content rendering, configure header positioning, enable drag-and-drop reordering, or customize tab styling. Essential for building navigation layout

10. 10syncfusion-react-sidebarverified and signedpassport

    skillsyncfusion/react-ui-components-skillsrecord

    • syncfusion-react-sidebar

      Implement responsive Syncfusion React Sidebar component for navigation layouts. Use this when building responsive navigation menus, drawer layouts, or collapsible sidebars with various display modes (Over, Push, Slide). This skill covers sidebar configuration, animations, backdrop overlays, keyboard