Web & Frontend

jiaiyan Skill

Link component for text hyperlinks. Invoke when user needs to create text links, navigation links, or styled anchor elements.

jiaiyan Skill

Menu component for website navigation with horizontal and vertical modes. Invoke when user needs to create navigation menus, sidebars, or dropdown menus.

jiaiyan Skill

Rate component for rating functionality. Invoke when user needs to collect user ratings, display star ratings, or allow feedback scoring.

jiaiyan Skill

Tabs component for dividing data collections into different types. Invoke when user needs to create tabbed interfaces, dynamic tabs, or card-style tabs.

jiaiyan Skill

Text component for text display with styling options. Invoke when user needs to display styled text, truncated text, or text with semantic types.

jiaiyan Skill

Tour component for guiding users through products. Invoke when user needs to create product tours, onboarding guides, or feature walkthroughs.

jiaiyan Skill

Tree component for displaying hierarchical data with selection, filtering, and drag-drop support. Invoke when user needs to display folder structures, organization charts, category trees, or any hierarchical data with expandable nodes.

jiaiyan Skill

Affix component for fixing elements to a specific visible area. Invoke when user needs to create sticky navigation, fixed headers, or elements that remain visible while scrolling.

jiaiyan Skill

Alert component for displaying important alert messages. Invoke when user needs to show non-dismissible notifications, status messages, or important information that requires user attention.

jiaiyan Skill

Badge component for displaying numbers or status marks on buttons and icons. Invoke when user needs to show notification counts, status indicators, or attention markers.

jiaiyan Skill

Empty component for placeholder hints in empty states. Invoke when user needs to display empty data states, no results found, or placeholder content.

jiaiyan Skill

Image component with lazy load, placeholder, and preview features. Invoke when user needs to display images with loading states, error handling, or preview functionality.

jiaiyan Skill

Input component for text entry with multiple types, validation, and formatting. Invoke when user needs to implement text input, textarea, or password input.

jiaiyan Skill

Radio component for single selection among multiple options. Invoke when user needs to allow users to select one option from a list, create radio groups, or implement mutually exclusive choices.

jiaiyan Skill

Space component for consistent spacing between elements. Invoke when user needs to create consistent gaps between components, layout spacing, or element arrangement.

jiaiyan Skill

Steps component for guiding users through processes. Invoke when user needs to display step progress, wizard interfaces, or process workflows.

jiaiyan Skill

Table component for displaying data with sorting, filtering, selection, and pagination. Invoke when user needs to display tabular data or implement data grid functionality.

jiaiyan Skill

Anchor component for anchor navigation. Invoke when user needs to create page anchor navigation, table of contents, or quick navigation to specific sections.

jiaiyan Skill

Avatar component for representing people or objects with images, icons, or characters. Invoke when user needs to display user avatars, profile pictures, or entity representations.

jiaiyan Skill

Button component with various types, sizes, and styles. Invoke when user needs to implement buttons, button groups, or customize button appearance.

jiaiyan Skill

Dialog modal component for displaying content in a layer above the page. Invoke when user needs modal dialogs, confirmations, or form popups.

jiaiyan Skill

Drawer component for displaying content in a slide-out panel. Invoke when user needs to create side panels, slide-out menus, or form drawers.

jiaiyan Skill

Result component for feedback on operation results. Invoke when user needs to display success, error, warning, or info result pages with custom content.

jiaiyan Skill

Select dropdown component for single or multiple selection with filtering, remote search, and grouping. Invoke when user needs dropdown selection functionality.

jiaiyan Skill

Slider component for dragging within a fixed range. Invoke when user needs to select numeric values within a range, set volume/brightness, or filter by price range.

jiaiyan Skill

Switch component for toggling between two opposing states. Invoke when user needs to enable/disable features, toggle settings, or switch between on/off states.

jiaiyan Skill

Upload component for file uploads via click or drag-and-drop. Invoke when user needs to upload files, images, or documents with preview, validation, and progress tracking.

jiaiyan Skill

Helps customize Element Plus themes using SCSS variables or CSS variables. Invoke when user needs to change theme colors, override styles, or create custom themes.

jiaiyan Skill

Backtop component for back-to-top button. Invoke when user needs to provide quick navigation back to the top of a long page.

jiaiyan Skill

Divider component for separating content. Invoke when user needs to create visual separation between content sections, add horizontal or vertical dividers.

jiaiyan Skill

Loading component for showing animation while loading data. Invoke when user needs to display loading states, async operation feedback, or data fetching indicators.

jiaiyan Skill

Mention component for mentioning users or items in input. Invoke when user needs to implement @mentions, user tagging, or item references in text inputs.

jiaiyan Skill

Message notification component for displaying feedback messages. Invoke when user needs to show success, warning, error, or info messages.

jiaiyan Skill

Popover component for displaying rich content in a popup. Invoke when user needs to show complex content, nested operations, or rich information in a popup.

jiaiyan Skill

Tooltip component for displaying prompt information on mouse hover. Invoke when user needs to show hints, tips, or additional information on hover.

jiaiyan Skill

Virtualized Tree component for large hierarchical datasets with blazing fast scrolling. Invoke when user needs to display large tree structures (1000+ nodes) with virtual scrolling for performance.