Web & Frontend

jiaiyan Skill

Dialog component for modal interactions with alerts, confirmations, and custom content. Invoke when user needs to implement modal dialogs, confirmation boxes, or alert messages.

jiaiyan Skill

Notify component for displaying top notification messages. Invoke when user needs to implement toast notifications, alert messages, or temporary status indicators.

jiaiyan Skill

Picker component for selecting values from a list. Invoke when user needs to implement single or multi-column selection, cascade selection, or custom picker views.

jiaiyan Skill

Search component for search scenarios with input and action buttons. Invoke when user needs to implement search functionality, search bars, or custom search inputs.

jiaiyan Skill

Slider component for selecting values within a range. Invoke when user needs to implement range selectors, volume controls, or custom slider interfaces.

jiaiyan Skill

Switch component for toggling between on/off states. Invoke when user needs to implement toggle switches, settings controls, or boolean state toggles.

jiaiyan Skill

Tabbar component for bottom navigation between pages. Invoke when user needs to implement bottom navigation bar for main app navigation.

jiaiyan Skill

Barrage component for displaying scrolling bullet comments over video content. Invoke when user needs to implement danmaku/bullet screen functionality for video players or live streams.

jiaiyan Skill

Divider component for separating content into multiple areas. Invoke when user needs to create visual separators, section dividers, or content boundaries.

jiaiyan Skill

Loading component for displaying loading states and spinners. Invoke when user needs to implement loading indicators, loading overlays, or progress feedback.

jiaiyan Skill

Navigation bar component for page navigation. Invoke when user needs to implement top navigation bars with title, back button, and actions.

jiaiyan Skill

Overlay component for creating modal mask layers. Invoke when user needs to implement modal overlays, loading masks, or prevent user interactions during operations.

jiaiyan Skill

Popover component for displaying floating content. Invoke when user needs to implement dropdown menus, tooltips, or floating action panels.

jiaiyan Skill

Sidebar navigation component for switching between content areas. Invoke when user needs to implement vertical navigation sidebar.

jiaiyan Skill

Stepper component for numeric input with increment and decrement buttons. Invoke when user needs to implement quantity selectors, number inputs, or counter controls.

jiaiyan Skill

Back to top button component for easy navigation. Invoke when user needs to implement a back-to-top button for long pages.

jiaiyan Skill

Calendar component for selecting dates or date ranges. Invoke when user needs to implement date selection, date range selection, or custom calendar views.

jiaiyan Skill

Cascader component for multi-level data selection. Invoke when user needs to implement hierarchical selection like provinces and cities.

jiaiyan Skill

Checkbox component for multiple selections. Invoke when user needs to implement checkboxes, checkbox groups, or custom checkbox styles.

jiaiyan Skill

Collapse component for organizing content in expandable panels. Invoke when user needs to create accordion-style collapsible sections or FAQ lists.

jiaiyan Skill

Progress bar component for displaying operation progress. Invoke when user needs to show linear progress indicators for tasks, uploads, or downloads.

jiaiyan Skill

Skeleton loading placeholder component. Invoke when user needs to display loading placeholders, content loading states, or improve perceived loading performance.

jiaiyan Skill

Uploader component for file uploads with preview and progress. Invoke when user needs to implement file uploads, image uploads, or document uploads.

jiaiyan Skill

Highlight component for emphasizing specific text content. Invoke when user needs to highlight keywords in text or implement search result highlighting.

jiaiyan Skill

Signature component for capturing signatures on canvas. Invoke when user needs to implement signature capture, drawing pads, or canvas-based input.

jiaiyan Skill

Watermark component for adding text or image watermarks to pages. Invoke when user needs to add watermarks for copyright protection or information security.

jiaiyan Skill

Composable for establishing parent-child component relationships. Invoke when implementing compound components that need communication between parent and children.

jiaiyan Skill

Action bar component for providing convenient interaction for page-related operations. Invoke when user needs to implement bottom action bars with icons and buttons.

jiaiyan Skill

Countdown component for displaying real-time countdown values. Invoke when user needs to implement countdown timers, time-limited activities, or time displays.

jiaiyan Skill

Notice bar component for displaying scrolling notifications. Invoke when user needs to show announcements, alerts, or continuous scrolling messages.

jiaiyan Skill

Pagination component for separating large datasets into pages. Invoke when user needs to implement page navigation for data lists.

jiaiyan Skill

Submit bar component for displaying order amount and submitting orders. Invoke when user needs to implement checkout or order submission functionality.

jiaiyan Skill

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.

jiaiyan Skill

Coupon list component for displaying, selecting, and exchanging coupons. Invoke when user needs to implement coupon selection or management functionality.

jiaiyan Skill

Date picker component for selecting dates. Invoke when user needs to implement date selection with year, month, and day columns.

jiaiyan Skill

Share sheet component for displaying sharing options panel. Invoke when user needs to implement share functionality, social sharing menus, or content distribution interfaces.