all publishers

jiaiyan

@jiaiyan source repo

311 published skills · page 2 of 4

  1. ▌
    Van Submit Bar · jiaiyan
    Submit bar component for displaying order amount and submitting orders. Invoke when user needs to implement checkout or order submission functionality.
    8 repo stars
  2. ▌
    Van Swipe Cell · jiaiyan
    Swipe cell component for implementing swipe-to-reveal actions. Invoke when user needs to implement swipeable list items, delete/modify actions, or gesture-based cell interactions.
    8 repo stars
  3. ▌
    Van Col Van Row · jiaiyan
    Layout components based on 24-column grid system. Invoke when user needs to create responsive layouts, grid systems, or align elements.
    8 repo stars
  4. ▌
    Van Coupon List · jiaiyan
    Coupon list component for displaying, selecting, and exchanging coupons. Invoke when user needs to implement coupon selection or management functionality.
    8 repo stars
  5. ▌
    Van Date Picker · jiaiyan
    Date picker component for selecting dates. Invoke when user needs to implement date selection with year, month, and day columns.
    8 repo stars
  6. ▌
    Van Share Sheet · jiaiyan
    Share sheet component for displaying sharing options panel. Invoke when user needs to implement share functionality, social sharing menus, or content distribution interfaces.
    8 repo stars
  7. ▌
    Van Time Picker · jiaiyan
    Time picker component for selecting time. Invoke when user needs to implement time selection, time range selection, or custom time formats.
    8 repo stars
  8. ▌
    Van Tree Select · jiaiyan
    Tree select component for selecting from hierarchical data. Invoke when user needs to implement category selection with parent-child structure.
    8 repo stars
  9. ▌
    Use Click Away · jiaiyan
    Composable for detecting clicks outside of target elements. Invoke when implementing dropdowns, modals, popups, or any UI that needs to close when clicking outside.
    8 repo stars
  10. ▌
    Use Count Down · jiaiyan
    Composable for managing countdown timers. Invoke when implementing countdown displays, verification code timers, or any time-based countdown functionality.
    8 repo stars
  11. ▌
    Van Action Sheet · jiaiyan
    Action sheet component for displaying a bottom modal panel with multiple options. Invoke when user needs to implement action selection menus, option lists, or custom bottom panels.
    8 repo stars
  12. ▌
    Van Address Edit · jiaiyan
    Address editing component for creating, updating, and deleting receiving addresses. Invoke when user needs to implement address management functionality.
    8 repo stars
  13. ▌
    Van Address List · jiaiyan
    Address list component for displaying and managing multiple receiving addresses. Invoke when user needs to implement address selection or management functionality.
    8 repo stars
  14. ▌
    Van Contact Card · jiaiyan
    Contact card component for displaying contact information in card format. Invoke when user needs to implement contact selection or display functionality.
    8 repo stars
  15. ▌
    Van Contact Edit · jiaiyan
    Contact editing component for creating and updating contact information. Invoke when user needs to implement contact management functionality.
    8 repo stars
  16. ▌
    Van Contact List · jiaiyan
    Contact list component for displaying and managing contacts. Invoke when user needs to implement contact selection or management functionality.
    8 repo stars
  17. ▌
    Van Picker Group · jiaiyan
    Picker group component for combining multiple pickers. Invoke when user needs to select multiple values from different pickers, like date and time together.
    8 repo stars
  18. ▌
    Van Pull Refresh · jiaiyan
    Pull refresh component for implementing pull-to-refresh functionality. Invoke when user needs to implement list refresh, page refresh, or pull-down loading interactions.
    8 repo stars
  19. ▌
    Van Rolling Text · jiaiyan
    Rolling text animation component for numbers and text. Invoke when user needs to create animated number counters, rolling text effects, or slot machine-style animations.
    8 repo stars
  20. ▌
    Use Window Size · jiaiyan
    Composable for tracking browser window dimensions. Invoke when implementing responsive designs, layouts that adapt to window size, or components that need window dimensions.
    8 repo stars
  21. ▌
    Van Dropdown Menu · jiaiyan
    Dropdown menu component for displaying collapsible filter options. Invoke when user needs to implement dropdown filters, sorting options, or collapsible selection menus.
    8 repo stars
  22. ▌
    Van Image Preview · jiaiyan
    Image preview component for displaying and zooming images. Invoke when user needs to implement image galleries, photo viewers, or image zoom functionality.
    8 repo stars
  23. ▌
    El Tabs · jiaiyan
    Tabs component for dividing data collections into different types. Invoke when user needs to create tabbed interfaces, dynamic tabs, or card-style tabs.
    8 repo stars
  24. ▌
    El Text · jiaiyan
    Text component for text display with styling options. Invoke when user needs to display styled text, truncated text, or text with semantic types.
    8 repo stars
  25. ▌
    El Tour · jiaiyan
    Tour component for guiding users through products. Invoke when user needs to create product tours, onboarding guides, or feature walkthroughs.
    8 repo stars
  26. ▌
    El Tree · jiaiyan
    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.
    8 repo stars
  27. ▌
    El Affix · jiaiyan
    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.
    8 repo stars
  28. ▌
    El Alert · jiaiyan
    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.
    8 repo stars
  29. ▌
    El Badge · jiaiyan
    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.
    8 repo stars
  30. ▌
    El Empty · jiaiyan
    Empty component for placeholder hints in empty states. Invoke when user needs to display empty data states, no results found, or placeholder content.
    8 repo stars
  31. ▌
    El Image · jiaiyan
    Image component with lazy load, placeholder, and preview features. Invoke when user needs to display images with loading states, error handling, or preview functionality.
    8 repo stars
  32. ▌
    El Input · jiaiyan
    Input component for text entry with multiple types, validation, and formatting. Invoke when user needs to implement text input, textarea, or password input.
    8 repo stars
  33. ▌
    El Radio · jiaiyan
    Radio component for single selection among multiple options. Invoke when user needs to allow users to select one option from a list, create radio groups, or implement mutually exclusive choices.
    8 repo stars
  34. ▌
    El Space · jiaiyan
    Space component for consistent spacing between elements. Invoke when user needs to create consistent gaps between components, layout spacing, or element arrangement.
    8 repo stars
  35. ▌
    El Steps · jiaiyan
    Steps component for guiding users through processes. Invoke when user needs to display step progress, wizard interfaces, or process workflows.
    8 repo stars
  36. ▌
    El Table · jiaiyan
    Table component for displaying data with sorting, filtering, selection, and pagination. Invoke when user needs to display tabular data or implement data grid functionality.
    8 repo stars
  37. ▌
    El Anchor · jiaiyan
    Anchor component for anchor navigation. Invoke when user needs to create page anchor navigation, table of contents, or quick navigation to specific sections.
    8 repo stars
  38. ▌
    El Avatar · jiaiyan
    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.
    8 repo stars
  39. ▌
    El Button · jiaiyan
    Button component with various types, sizes, and styles. Invoke when user needs to implement buttons, button groups, or customize button appearance.
    8 repo stars
  40. ▌
    El Dialog · jiaiyan
    Dialog modal component for displaying content in a layer above the page. Invoke when user needs modal dialogs, confirmations, or form popups.
    8 repo stars
  41. ▌
    El Drawer · jiaiyan
    Drawer component for displaying content in a slide-out panel. Invoke when user needs to create side panels, slide-out menus, or form drawers.
    8 repo stars
  42. ▌
    El Result · jiaiyan
    Result component for feedback on operation results. Invoke when user needs to display success, error, warning, or info result pages with custom content.
    8 repo stars
  43. ▌
    El Select · jiaiyan
    Select dropdown component for single or multiple selection with filtering, remote search, and grouping. Invoke when user needs dropdown selection functionality.
    8 repo stars
  44. ▌
    El Slider · jiaiyan
    Slider component for dragging within a fixed range. Invoke when user needs to select numeric values within a range, set volume/brightness, or filter by price range.
    8 repo stars
  45. ▌
    El Switch · jiaiyan
    Switch component for toggling between two opposing states. Invoke when user needs to enable/disable features, toggle settings, or switch between on/off states.
    8 repo stars
  46. ▌
    El Upload · jiaiyan
    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.
    8 repo stars
  47. ▌
    Element Plus Theming · jiaiyan
    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.
    8 repo stars
  48. ▌
    El Backtop · jiaiyan
    Backtop component for back-to-top button. Invoke when user needs to provide quick navigation back to the top of a long page.
    8 repo stars
  49. ▌
    El Divider · jiaiyan
    Divider component for separating content. Invoke when user needs to create visual separation between content sections, add horizontal or vertical dividers.
    8 repo stars
  50. ▌
    El Loading · jiaiyan
    Loading component for showing animation while loading data. Invoke when user needs to display loading states, async operation feedback, or data fetching indicators.
    8 repo stars
  51. ▌
    El Mention · jiaiyan
    Mention component for mentioning users or items in input. Invoke when user needs to implement @mentions, user tagging, or item references in text inputs.
    8 repo stars
  52. ▌
    El Message · jiaiyan
    Message notification component for displaying feedback messages. Invoke when user needs to show success, warning, error, or info messages.
    8 repo stars
  53. ▌
    El Popover · jiaiyan
    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.
    8 repo stars
  54. ▌
    El Tooltip · jiaiyan
    Tooltip component for displaying prompt information on mouse hover. Invoke when user needs to show hints, tips, or additional information on hover.
    8 repo stars
  55. ▌
    El Tree V2 · jiaiyan
    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.
    8 repo stars
  56. ▌
    El Calendar · jiaiyan
    Calendar component for displaying dates. Invoke when user needs to display a calendar view, select dates, or show scheduled events.
    8 repo stars
  57. ▌
    El Carousel · jiaiyan
    Carousel component for looping images or texts in limited space. Invoke when user needs to display image sliders, content carousels, or rotating banners.
    8 repo stars
  58. ▌
    El Cascader · jiaiyan
    Cascader component for hierarchical option selection. Invoke when user needs to select from multi-level data like regions, categories, or organizational structures.
    8 repo stars
  59. ▌
    El Checkbox · jiaiyan
    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.
    8 repo stars
  60. ▌
    El Collapse · jiaiyan
    Collapse component for storing expandable content. Invoke when user needs to create accordion panels, FAQ sections, or collapsible content areas.
    8 repo stars
  61. ▌
    El Dropdown · jiaiyan
    Dropdown component for toggleable menus displaying lists of links and actions. Invoke when user needs to create dropdown menus, action menus, or context menus.
    8 repo stars
  62. ▌
    El Progress · jiaiyan
    Progress component for showing operation progress and status. Invoke when user needs to display upload progress, task completion, or loading states.
    8 repo stars
  63. ▌
    El Skeleton · jiaiyan
    Skeleton component for loading placeholders. Invoke when user needs to display loading states, content placeholders, or improve perceived loading performance.
    8 repo stars
  64. ▌
    El Splitter · jiaiyan
    Splitter component for dividing areas horizontally or vertically. Invoke when user needs to create resizable panels, split views, or collapsible layouts.
    8 repo stars
  65. ▌
    El Table V2 · jiaiyan
    Virtualized Table component for rendering massive data efficiently. Invoke when user needs to display large datasets with virtual scrolling for performance.
    8 repo stars
  66. ▌
    El Timeline · jiaiyan
    Timeline component for visually displaying timeline activities. Invoke when user needs to display chronological events, activity history, or process logs.
    8 repo stars
  67. ▌
    El Transfer · jiaiyan
    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.
    8 repo stars
  68. ▌
    Element Plus Dark Mode · jiaiyan
    Enables and customizes dark mode for Element Plus applications. Invoke when user needs to implement dark mode, toggle themes, or customize dark mode styles.
    8 repo stars
  69. ▌
    El Container · jiaiyan
    Container components for scaffolding basic page structure with header, aside, main, and footer sections. Invoke when user needs to create page layouts.
    8 repo stars
  70. ▌
    El Input Tag · jiaiyan
    InputTag component for adding content as tags. Invoke when user needs to create tag inputs, multi-value inputs, or keyword/tag entry fields.
    8 repo stars
  71. ▌
    El Scrollbar · jiaiyan
    Scrollbar component for custom scrollbars. Invoke when user needs to replace native scrollbars, create custom scroll areas, or implement infinite scrolling.
    8 repo stars
  72. ▌
    El Segmented · jiaiyan
    Segmented component for single option selection from multiple options. Invoke when user needs to create radio-style button groups, tab-like controls, or option switches.
    8 repo stars
  73. ▌
    El Select V2 · jiaiyan
    Virtualized Select component for large datasets. Invoke when user needs to select from thousands of options with virtual scrolling for performance.
    8 repo stars
  74. ▌
    El Statistic · jiaiyan
    Statistic component for displaying numerical statistics. Invoke when user needs to display counts, amounts, rankings, or countdown timers.
    8 repo stars
  75. ▌
    El Watermark · jiaiyan
    Watermark component for adding text or pattern watermarks. Invoke when user needs to protect content, brand documents, or add copyright notices.
    8 repo stars
  76. ▌
    Element Plus Components · jiaiyan
    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.
    8 repo stars
  77. ▌
    Element Plus Quickstart · jiaiyan
    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.
    8 repo stars
  78. ▌
    El Breadcrumb · jiaiyan
    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.
    8 repo stars
  79. ▌
    El Pagination · jiaiyan
    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.
    8 repo stars
  80. ▌
    El Popconfirm · jiaiyan
    Popconfirm component for simple confirmation dialogs. Invoke when user needs to confirm actions before execution, like delete operations or irreversible actions.
    8 repo stars
  81. ▌
    El Date Picker · jiaiyan
    DatePicker component for date input. Invoke when user needs to select dates, date ranges, months, years, or datetime values.
    8 repo stars
  82. ▌
    El Message Box · jiaiyan
    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.
    8 repo stars
  83. ▌
    El Page Header · jiaiyan
    PageHeader component for page navigation headers. Invoke when user needs to create page headers with back navigation, breadcrumbs, or title sections.
    8 repo stars
  84. ▌
    El Time Picker · jiaiyan
    TimePicker component for time input. Invoke when user needs to select time values, time ranges, or limit time selections.
    8 repo stars
  85. ▌
    El Time Select · jiaiyan
    TimeSelect component for selecting from fixed time options. Invoke when user needs to select from predefined time slots or schedule times.
    8 repo stars
  86. ▌
    El Tree Select · jiaiyan
    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.
    8 repo stars
  87. ▌
    Element Plus Design Color · jiaiyan
    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.
    8 repo stars
  88. ▌
    El Autocomplete · jiaiyan
    Autocomplete component for input suggestions. Invoke when user needs to provide input suggestions, autocomplete functionality, or search-as-you-type features.
    8 repo stars
  89. ▌
    El Color Picker · jiaiyan
    ColorPicker component for color selection. Invoke when user needs to select colors, set theme colors, or customize color values.
    8 repo stars
  90. ▌
    El Descriptions · jiaiyan
    Descriptions component for displaying multiple fields in list form. Invoke when user needs to display detailed information, product specifications, or profile data.
    8 repo stars
  91. ▌
    El Input Number · jiaiyan
    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.
    8 repo stars
  92. ▌
    El Notification · jiaiyan
    Notification component for displaying notification messages at the corner of the page. Invoke when user needs to show persistent notifications with custom content.
    8 repo stars
  93. ▌
    Element Plus Design Border · jiaiyan
    Border design specifications for Element Plus components. Invoke when user needs to understand border styles, radius options, or shadow styles used throughout Element Plus.
    8 repo stars
  94. ▌
    Element Plus Design Layout · jiaiyan
    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.
    8 repo stars
  95. ▌
    Element Plus Design Overview · jiaiyan
    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.
    8 repo stars
  96. ▌
    El Config Provider · jiaiyan
    ConfigProvider component for global configuration. Invoke when user needs to configure global settings, i18n, theme, or component defaults.
    8 repo stars
  97. ▌
    El Datetime Picker · jiaiyan
    DateTimePicker component for selecting date and time together. Invoke when user needs to select both date and time in a single picker.
    8 repo stars
  98. ▌
    El Infinite Scroll · jiaiyan
    InfiniteScroll directive for loading more data when scrolling to bottom. Invoke when user needs to implement infinite scrolling, lazy loading, or pagination on scroll.
    8 repo stars
  99. ▌
    Element Plus Design Typography · jiaiyan
    Typography design specifications for Element Plus. Invoke when user needs to understand font conventions, font-family settings, or text styling guidelines.
    8 repo stars
  100. ▌
    El Date Picker Panel · jiaiyan
    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.
    8 repo stars