A comprehensive skill library for Element Plus UI framework, designed for AI agents to understand and utilize Element Plus components effectively.一个全面的 Element Plus UI 框架技能库，专为 AI 智能体理解和运用 Element Plus 组件而设计。
This repository also configures its own agents. See what element-plus-skills tells them →
Skill Claude CodeCodex
Element Plus Skills Library - A comprehensive skill library for AI agents to understand and utilize Element Plus UI components. Invoke when user needs to work with Element Plus components, theming, i18n, dark mode, or design specifications.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Anchor component for anchor navigation. Invoke when user needs to create page anchor navigation, table of contents, or quick navigation to specific sections.
Skill Claude CodeCodex
Autocomplete component for input suggestions. Invoke when user needs to provide input suggestions, autocomplete functionality, or search-as-you-type features.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Backtop component for back-to-top button. Invoke when user needs to provide quick navigation back to the top of a long page.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Button component with various types, sizes, and styles. Invoke when user needs to implement buttons, button groups, or customize button appearance.
Skill Claude CodeCodex
Calendar component for displaying dates. Invoke when user needs to display a calendar view, select dates, or show scheduled events.
Skill Claude CodeCodex
Card component for integrating information in a card container. Invoke when user needs to display grouped content, dashboard cards, or content sections with headers.
Skill Claude CodeCodex
Carousel component for looping images or texts in limited space. Invoke when user needs to display image sliders, content carousels, or rotating banners.
Skill Claude CodeCodex
Cascader component for hierarchical option selection. Invoke when user needs to select from multi-level data like regions, categories, or organizational structures.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Collapse component for storing expandable content. Invoke when user needs to create accordion panels, FAQ sections, or collapsible content areas.
Skill Claude CodeCodex
ColorPickerPanel is the core panel component of ColorPicker for custom color selection UI. Invoke when user needs to build custom color picker interfaces without the dropdown wrapper.
Skill Claude CodeCodex
ColorPicker component for color selection. Invoke when user needs to select colors, set theme colors, or customize color values.
Skill Claude CodeCodex
ConfigProvider component for global configuration. Invoke when user needs to configure global settings, i18n, theme, or component defaults.
Skill Claude CodeCodex
Container components for scaffolding basic page structure with header, aside, main, and footer sections. Invoke when user needs to create page layouts.
Skill Claude CodeCodex
DatePickerPanel is the core panel component of DatePicker for custom date selection UI. Invoke when user needs to build custom date picker interfaces without the dropdown wrapper.
Skill Claude CodeCodex
DatePicker component for date input. Invoke when user needs to select dates, date ranges, months, years, or datetime values.
Skill Claude CodeCodex
DateTimePicker component for selecting date and time together. Invoke when user needs to select both date and time in a single picker.
Skill Claude CodeCodex
Descriptions component for displaying multiple fields in list form. Invoke when user needs to display detailed information, product specifications, or profile data.
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: