Web & Frontend

jiaiyan Skill

Calendar component for displaying dates. Invoke when user needs to display a calendar view, select dates, or show scheduled events.

jiaiyan Skill

Carousel component for looping images or texts in limited space. Invoke when user needs to display image sliders, content carousels, or rotating banners.

jiaiyan Skill

Cascader component for hierarchical option selection. Invoke when user needs to select from multi-level data like regions, categories, or organizational structures.

jiaiyan Skill

Checkbox component for multiple choice selection. Invoke when user needs to allow users to select multiple options from a list, create check-all functionality, or toggle between states.

jiaiyan Skill

Collapse component for storing expandable content. Invoke when user needs to create accordion panels, FAQ sections, or collapsible content areas.

jiaiyan Skill

Dropdown component for toggleable menus displaying lists of links and actions. Invoke when user needs to create dropdown menus, action menus, or context menus.

jiaiyan Skill

Progress component for showing operation progress and status. Invoke when user needs to display upload progress, task completion, or loading states.

jiaiyan Skill

Skeleton component for loading placeholders. Invoke when user needs to display loading states, content placeholders, or improve perceived loading performance.

jiaiyan Skill

Splitter component for dividing areas horizontally or vertically. Invoke when user needs to create resizable panels, split views, or collapsible layouts.

jiaiyan Skill

Virtualized Table component for rendering massive data efficiently. Invoke when user needs to display large datasets with virtual scrolling for performance.

jiaiyan Skill

Timeline component for visually displaying timeline activities. Invoke when user needs to display chronological events, activity history, or process logs.

jiaiyan Skill

Transfer component for dual-column list selection. Invoke when user needs to move items between two lists, select multiple items from a large dataset, or manage permissions.

jiaiyan Skill

InputTag component for adding content as tags. Invoke when user needs to create tag inputs, multi-value inputs, or keyword/tag entry fields.

jiaiyan Skill

Scrollbar component for custom scrollbars. Invoke when user needs to replace native scrollbars, create custom scroll areas, or implement infinite scrolling.

jiaiyan Skill

Segmented component for single option selection from multiple options. Invoke when user needs to create radio-style button groups, tab-like controls, or option switches.

jiaiyan Skill

Virtualized Select component for large datasets. Invoke when user needs to select from thousands of options with virtual scrolling for performance.

jiaiyan Skill

Statistic component for displaying numerical statistics. Invoke when user needs to display counts, amounts, rankings, or countdown timers.

jiaiyan Skill

Watermark component for adding text or pattern watermarks. Invoke when user needs to protect content, brand documents, or add copyright notices.

jiaiyan Skill

Element Plus component overview and navigation index. Invoke when user needs to browse all available components, find specific component categories, or navigate to detailed component skill files.

jiaiyan Skill

Helps set up and configure Element Plus in Vue 3 projects. Invoke when user needs to install, import, or configure Element Plus in a new or existing project.

jiaiyan Skill

Breadcrumb component for displaying the location of the current page. Invoke when user needs to show navigation paths, page hierarchy, or enable easier browsing back.

jiaiyan Skill

Pagination component for splitting large datasets into pages. Invoke when user needs to display paginated data, navigate through pages, or control page size and current page.

jiaiyan Skill

Popconfirm component for simple confirmation dialogs. Invoke when user needs to confirm actions before execution, like delete operations or irreversible actions.

jiaiyan Skill

DatePicker component for date input. Invoke when user needs to select dates, date ranges, months, years, or datetime values.

jiaiyan Skill

MessageBox component for modal dialogs simulating system alerts, confirms, and prompts. Invoke when user needs to show alert messages, confirm actions, or prompt for user input.

jiaiyan Skill

PageHeader component for page navigation headers. Invoke when user needs to create page headers with back navigation, breadcrumbs, or title sections.

jiaiyan Skill

TimePicker component for time input. Invoke when user needs to select time values, time ranges, or limit time selections.

jiaiyan Skill

TimeSelect component for selecting from fixed time options. Invoke when user needs to select from predefined time slots or schedule times.

jiaiyan Skill

TreeSelect component combining Tree and Select functionality. Invoke when user needs to select from hierarchical data in a dropdown, like organization structures or category trees.

jiaiyan Skill

Autocomplete component for input suggestions. Invoke when user needs to provide input suggestions, autocomplete functionality, or search-as-you-type features.

jiaiyan Skill

ColorPicker component for color selection. Invoke when user needs to select colors, set theme colors, or customize color values.

jiaiyan Skill

Descriptions component for displaying multiple fields in list form. Invoke when user needs to display detailed information, product specifications, or profile data.

jiaiyan Skill

InputNumber component for numeric input with controls. Invoke when user needs to input numbers with increment/decrement buttons, set numeric ranges, or enforce numeric input.

jiaiyan Skill

Notification component for displaying notification messages at the corner of the page. Invoke when user needs to show persistent notifications with custom content.

jiaiyan Skill

Overview of all Element Plus components organized by category. Invoke when user needs a quick reference to all available components or wants to explore the component library.

jiaiyan Skill

ConfigProvider component for global configuration. Invoke when user needs to configure global settings, i18n, theme, or component defaults.