jiaiyan

jiaiyan/element-plus-skills

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.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Dialog modal component for displaying content in a layer above the page. Invoke when user needs modal dialogs, confirmations, or form popups.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Divider component for separating content. Invoke when user needs to create visual separation between content sections, add horizontal or vertical dividers.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Drawer component for displaying content in a slide-out panel. Invoke when user needs to create side panels, slide-out menus, or form drawers.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Dropdown component for toggleable menus displaying lists of links and actions. Invoke when user needs to create dropdown menus, action menus, or context menus.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Empty component for placeholder hints in empty states. Invoke when user needs to display empty data states, no results found, or placeholder content.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Form component for data collection, validation, and submission. Invoke when user needs to create forms, implement validation, or handle form data.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Icon component for displaying SVG icons. Invoke when user needs to display icons, customize icon sizes and colors, or use Element Plus icon collection.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Image component with lazy load, placeholder, and preview features. Invoke when user needs to display images with loading states, error handling, or preview functionality.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

InfiniteScroll directive for loading more data when scrolling to bottom. Invoke when user needs to implement infinite scrolling, lazy loading, or pagination on scroll.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

InputNumber component for numeric input with controls. Invoke when user needs to input numbers with increment/decrement buttons, set numeric ranges, or enforce numeric input.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

InputTag component for adding content as tags. Invoke when user needs to create tag inputs, multi-value inputs, or keyword/tag entry fields.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Input component for text entry with multiple types, validation, and formatting. Invoke when user needs to implement text input, textarea, or password input.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Link component for text hyperlinks. Invoke when user needs to create text links, navigation links, or styled anchor elements.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Loading component for showing animation while loading data. Invoke when user needs to display loading states, async operation feedback, or data fetching indicators.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Mention component for mentioning users or items in input. Invoke when user needs to implement @mentions, user tagging, or item references in text inputs.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Menu component for website navigation with horizontal and vertical modes. Invoke when user needs to create navigation menus, sidebars, or dropdown menus.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

MessageBox component for modal dialogs simulating system alerts, confirms, and prompts. Invoke when user needs to show alert messages, confirm actions, or prompt for user input.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Message notification component for displaying feedback messages. Invoke when user needs to show success, warning, error, or info messages.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Notification component for displaying notification messages at the corner of the page. Invoke when user needs to show persistent notifications with custom content.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

PageHeader component for page navigation headers. Invoke when user needs to create page headers with back navigation, breadcrumbs, or title sections.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Pagination component for splitting large datasets into pages. Invoke when user needs to display paginated data, navigate through pages, or control page size and current page.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Popconfirm component for simple confirmation dialogs. Invoke when user needs to confirm actions before execution, like delete operations or irreversible actions.

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Popover component for displaying rich content in a popup. Invoke when user needs to show complex content, nested operations, or rich information in a popup.