Instructions file CodexOpenCode
Instructions for jiaiyan/element-plus-skills, covering element plus skills - agents documentation, π agent index, basic components agents, el-affix and el-alert.
Instructions file CodexOpenCode
Instructions for jiaiyan/element-plus-skills, covering element plus skills - agents documentation, π agent index, basic components agents, el-affix and el-alert.
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.