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
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Watermark component for adding text or pattern watermarks. Invoke when user needs to protect content, brand documents, or add copyright notices.
Skill Claude CodeCodex needs its repo
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.
Skill Claude CodeCodex
Enables and customizes dark mode for Element Plus applications. Invoke when user needs to implement dark mode, toggle themes, or customize dark mode styles.
Skill Claude CodeCodex
Border design specifications for Element Plus components. Invoke when user needs to understand border styles, radius options, or shadow styles used throughout Element Plus.
Skill Claude CodeCodex
Color design specifications for Element Plus. Invoke when user needs to understand the color palette, main colors, secondary colors, or neutral colors used in Element Plus.
Skill Claude CodeCodex
Layout grid system for Element Plus using 24-column grid. Invoke when user needs to create responsive layouts, grid systems, or understand Row and Col components.
Skill Claude CodeCodex needs its repo
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.
Skill Claude CodeCodex
Typography design specifications for Element Plus. Invoke when user needs to understand font conventions, font-family settings, or text styling guidelines.
Skill Claude CodeCodex
Configures internationalization and localization for Element Plus components. Invoke when user needs to change language, add custom translations, or configure locale settings.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Configures Element Plus for server-side rendering (SSR) applications. Invoke when user needs to implement SSR with Element Plus or fix hydration errors.
Skill Claude CodeCodex
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.
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: