A comprehensive skill library for Element Plus UI framework, designed for AI agents to understand and utilize Element Plus components effectively.
This repository also configures its own agents. See what element-plus-skills tells them →
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Rate component for rating functionality. Invoke when user needs to collect user ratings, display star ratings, or allow feedback scoring.
Skill Claude CodeCodex
Result component for feedback on operation results. Invoke when user needs to display success, error, warning, or info result pages with custom content.
Skill Claude CodeCodex
Scrollbar component for custom scrollbars. Invoke when user needs to replace native scrollbars, create custom scroll areas, or implement infinite scrolling.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Virtualized Select component for large datasets. Invoke when user needs to select from thousands of options with virtual scrolling for performance.
Skill Claude CodeCodex
Select dropdown component for single or multiple selection with filtering, remote search, and grouping. Invoke when user needs dropdown selection functionality.
Skill Claude CodeCodex
Skeleton component for loading placeholders. Invoke when user needs to display loading states, content placeholders, or improve perceived loading performance.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Space component for consistent spacing between elements. Invoke when user needs to create consistent gaps between components, layout spacing, or element arrangement.
Skill Claude CodeCodex
Splitter component for dividing areas horizontally or vertically. Invoke when user needs to create resizable panels, split views, or collapsible layouts.
Skill Claude CodeCodex
Statistic component for displaying numerical statistics. Invoke when user needs to display counts, amounts, rankings, or countdown timers.
Skill Claude CodeCodex
Steps component for guiding users through processes. Invoke when user needs to display step progress, wizard interfaces, or process workflows.
Skill Claude CodeCodex
Switch component for toggling between two opposing states. Invoke when user needs to enable/disable features, toggle settings, or switch between on/off states.
Skill Claude CodeCodex
Virtualized Table component for rendering massive data efficiently. Invoke when user needs to display large datasets with virtual scrolling for performance.
Skill Claude CodeCodex
Table component for displaying data with sorting, filtering, selection, and pagination. Invoke when user needs to display tabular data or implement data grid functionality.
Skill Claude CodeCodex
Tabs component for dividing data collections into different types. Invoke when user needs to create tabbed interfaces, dynamic tabs, or card-style tabs.
Skill Claude CodeCodex
Tag component for marking and selection. Invoke when user needs to display labels, categories, or removable tags for filtering and categorization.
Skill Claude CodeCodex
Text component for text display with styling options. Invoke when user needs to display styled text, truncated text, or text with semantic types.
Skill Claude CodeCodex
TimePicker component for time input. Invoke when user needs to select time values, time ranges, or limit time selections.
Skill Claude CodeCodex
TimeSelect component for selecting from fixed time options. Invoke when user needs to select from predefined time slots or schedule times.
Skill Claude CodeCodex
Timeline component for visually displaying timeline activities. Invoke when user needs to display chronological events, activity history, or process logs.
Skill Claude CodeCodex
Tooltip component for displaying prompt information on mouse hover. Invoke when user needs to show hints, tips, or additional information on hover.
Skill Claude CodeCodex
Tour component for guiding users through products. Invoke when user needs to create product tours, onboarding guides, or feature walkthroughs.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: