jiaiyan publishes skills that guide AI agents in building Vue interfaces with Element Plus, covering form controls such as select, checkbox and time select, along with display and feedback components including images, message boxes and scrollbars. The most popular skills also address layout through the 24-column grid system and global setup via ConfigProvider for theme, internationalization and component defaults.
Element Plus Skills
89 skills · 31 stars · MIT
El Affix Affix component for fixing elements to a specific visible area.
El Alert Alert component for displaying important alert messages.
El Anchor Anchor component for anchor navigation.
El Autocomplete Autocomplete component for input suggestions.
El Avatar Avatar component for representing people or objects with images, icons, or characters.
El Backtop Backtop component for back-to-top button.
El Badge Badge component for displaying numbers or status marks on buttons and icons.
El Breadcrumb Breadcrumb component for displaying the location of the current page.
El Button Button component with various types, sizes, and styles.
El Calendar Calendar component for displaying dates.
El Card Card component for integrating information in a card container.
El Carousel Carousel component for looping images or texts in limited space.
El Cascader Cascader component for hierarchical option selection.
El Checkbox Checkbox component for multiple choice selection.
El Collapse Collapse component for storing expandable content.
El Color Picker ColorPicker component for color selection.
El Color Picker Panel ColorPickerPanel is the core panel component of ColorPicker for custom color selection UI.
El Config Provider ConfigProvider component for global configuration.
El Container Container components for scaffolding basic page structure with header, aside, main, and footer se…
El Date Picker DatePicker component for date input.
El Date Picker Panel DatePickerPanel is the core panel component of DatePicker for custom date selection UI.
El Datetime Picker DateTimePicker component for selecting date and time together.
El Descriptions Descriptions component for displaying multiple fields in list form.
El Dialog Dialog modal component for displaying content in a layer above the page.
El Divider Divider component for separating content.
El Drawer Drawer component for displaying content in a slide-out panel.
El Dropdown Dropdown component for toggleable menus displaying lists of links and actions.
El Empty Empty component for placeholder hints in empty states.
El Form Form component for data collection, validation, and submission.
El Icon Icon component for displaying SVG icons.
El Image Image component with lazy load, placeholder, and preview features.
El Infinite Scroll InfiniteScroll directive for loading more data when scrolling to bottom.
El Input Input component for text entry with multiple types, validation, and formatting.
El Input Number InputNumber component for numeric input with controls.
El Input Tag InputTag component for adding content as tags.
El Link Link component for text hyperlinks.
El Loading Loading component for showing animation while loading data.
El Mention Mention component for mentioning users or items in input.
El Menu Menu component for website navigation with horizontal and vertical modes.
El Message Message notification component for displaying feedback messages.
El Message Box MessageBox component for modal dialogs simulating system alerts, confirms, and prompts.
El Notification Notification component for displaying notification messages at the corner of the page.
El Page Header PageHeader component for page navigation headers.
El Pagination Pagination component for splitting large datasets into pages.
El Popconfirm Popconfirm component for simple confirmation dialogs.
El Popover Popover component for displaying rich content in a popup.
El Progress Progress component for showing operation progress and status.
El Radio Radio component for single selection among multiple options.