jiaiyan
- 311 skills
- 0 followers
- 8 repo stars
- 4 weeks ago last updated
- ▌ N Dynamic Input · jiaiyanA dynamic input component for managing arrays of values with add, remove, and sort capabilities, supporting input and pair presets
- ▌ N Gradient Text · jiaiyanGradient text component for styled text with gradient colors. Invoke when user needs decorative text, gradient headings, or styled text elements in Naive UI.
- ▌ Naive UI Design Typography · jiaiyanTypography design specifications for Naive UI. Invoke when user needs to understand font conventions, font-family settings, or text styling guidelines.
- ▌ N Config Provider · jiaiyanGlobal configuration provider for theme, locale, and component options. Invoke when user needs to set up global theme, internationalization, or configure default component behaviors in Naive UI.
- ▌ N Infinite Scroll · jiaiyanInfinite scroll component for loading content on scroll. Invoke when user needs to implement infinite scrolling lists or lazy loading content in Naive UI.
- ▌ N Number Animation · jiaiyanNumber Animation component for animating number transitions with customizable duration, precision, and formatting. Invoke when user needs to implement animated number counters, statistics displays, or number transitions in Naive UI.
- ▌ N Collapse Transition · jiaiyanCollapse transition component for smooth show/hide animations. Invoke when user needs to implement expand/collapse animations in Naive UI.
- ▌ Shaka Player Skills · jiaiyan bundleA comprehensive skill library for Shaka Player development, providing guidance on basic usage, configuration, DRM, offline storage, plugin development, UI customization, and more. Invoke when working with Shaka Player in any capacity.
- ▌ Shaka Player Drm Setup · jiaiyanConfigures DRM (Widevine, PlayReady, FairPlay) for protected content playback. Invoke when user needs to set up encrypted media or configure license servers.
- ▌ Shaka Player Basic Usage · jiaiyanHelps set up and initialize Shaka Player for adaptive media streaming. Invoke when user needs to integrate Shaka Player into a web application or set up basic video playback.
- ▌ Shaka Player Configuration · jiaiyanConfigures Shaka Player settings for streaming, buffering, ABR, and language preferences. Invoke when user needs to customize player behavior or optimize playback settings.
- ▌ Shaka Player Error Handling · jiaiyanImplements comprehensive error handling for Shaka Player including error codes, severity levels, and retry mechanisms. Invoke when user needs to handle player errors or implement error recovery.
- ▌ Shaka Player Offline Storage · jiaiyanImplements offline storage and playback for DASH/HLS content. Invoke when user needs to download content for offline viewing or manage stored content.
- ▌ Shaka Player UI Customization · jiaiyanCustomizes Shaka Player UI including controls, localization, and accessibility. Invoke when user needs to customize player appearance or add custom controls.
- ▌ Shaka Player Audio Development · jiaiyanComprehensive guide for Shaka Player audio development including multi-track audio switching, ABR control, language preferences, and audio property customization. Invoke when user needs to implement or customize audio functionality.
- ▌ Shaka Player Plugin Development · jiaiyanDevelops custom plugins for Shaka Player including manifest parsers, text parsers, networking plugins, and ABR managers. Invoke when user needs to extend or customize player functionality.
- ▌ Shaka Player Build Customization · jiaiyanCustomizes Shaka Player builds to include or exclude specific features. Invoke when user needs to optimize bundle size or create custom build configurations.
- ▌ Shaka Player Subtitle Development · jiaiyanComprehensive guide for Shaka Player subtitle development including format support, loading, styling, positioning, and multi-language switching. Invoke when user needs to implement or customize subtitle functionality.
- ▌ Shaka Player Video Source Development · jiaiyanComprehensive guide for video source development including bitrate control, resolution switching, ABR logic, multi-source switching, and quality selection UI. Invoke when user needs to implement quality/resolution controls or ABR functionality.
- ▌ Van Text Ellipsis · jiaiyanText ellipsis component for truncating long text with expand/collapse support. Invoke when user needs to display truncated text with expand/collapse functionality.
- ▌ Van Floating Panel · jiaiyanFloating panel component for creating bottom draggable panels. Invoke when user needs to implement bottom sheets, expandable content panels, or draggable information displays.
- ▌ Van Password Input · jiaiyanPassword input component for secure password entry. Invoke when user needs to implement password input with masked display, often used with number keyboard.
- ▌ Van Skeleton Image · jiaiyanSkeleton image placeholder component. Invoke when user needs to display image placeholders in custom skeleton layouts.
- ▌ Van Skeleton Title · jiaiyanSkeleton title placeholder component. Invoke when user needs to display title placeholders in custom skeleton layouts.
- ▌ Use Scroll Parent · jiaiyanComposable for finding the nearest scrollable parent element. Invoke when implementing scroll-based features like lazy loading, sticky headers, or scroll listeners.
- ▌ Van Config Provider · jiaiyanGlobal configuration component for Vant. Invoke when user needs to enable dark mode, customize themes, override CSS variables, or configure global component settings.
- ▌ Van Floating Bubble · jiaiyanFloating bubble component for creating draggable floating buttons. Invoke when user needs to implement floating action buttons, draggable help buttons, or always-visible interactive elements.
- ▌ Van Number Keyboard · jiaiyanNumber keyboard component for numeric input. Invoke when user needs to implement numeric input with virtual keyboard, often used with password input.
- ▌ Van Skeleton Avatar · jiaiyanSkeleton avatar placeholder component. Invoke when user needs to display avatar placeholders in custom skeleton layouts.
- ▌ Use Event Listener · jiaiyanComposable for attaching and automatically removing event listeners. Invoke when adding window, document, or element event listeners with automatic cleanup.
- ▌ Use Page Visibility · jiaiyanComposable for tracking page visibility state. Invoke when detecting if the page is visible or hidden, useful for pausing animations or media when tab is inactive.
- ▌ Van Skeleton Paragraph · jiaiyanSkeleton paragraph placeholder component. Invoke when user needs to display text/paragraph placeholders in custom skeleton layouts.
- ▌ Use Custom Field Value · jiaiyanComposable for customizing Field component values in Vant forms. Invoke when creating custom form inputs that need to integrate with van-form validation and submission.
- ▌ Vant UI Skills · jiaiyan bundleVant UI Skills Library - A comprehensive skill library for AI agents to understand and utilize Vant UI components. Invoke when user needs to work with Vant mobile components, theming, i18n, or mobile-first design patterns.
- ▌ Vant I18N · jiaiyanHelps configure internationalization in Vant projects. Invoke when user needs to switch languages, add custom translations, or support multiple locales.
- ▌ Vant Theming · jiaiyanHelps customize Vant themes using CSS Variables and ConfigProvider. Invoke when user needs to customize colors, enable dark mode, or modify component styles.
- ▌ Vant Components · jiaiyanProvides an overview of all Vant components organized by category. Invoke when user needs to explore available components or find the right component for their use case.
- ▌ Vant Quickstart · jiaiyanHelps set up and configure Vant in Vue 3 projects. Invoke when user needs to install, import, or configure Vant in a new or existing project.
- ▌ Vant Composables · jiaiyanProvides an overview of all Vant composables (Vue 3 composition API utilities). Invoke when user needs to explore available composables or find the right composable for their use case.
- ▌ Van Tab · jiaiyanTab component for switching between different content areas. Invoke when user needs to implement tabbed interfaces with multiple panels.
- ▌ Van Tag · jiaiyanTag component for marking keywords and labels. Invoke when user needs to display tags, labels, status indicators, or categorization badges.
- ▌ Van Area · jiaiyanArea selection component with three-level linkage for provinces, cities, and districts. Invoke when user needs to implement location selection functionality.
- ▌ Van Card · jiaiyanCard component for displaying product information including images, prices, and descriptions. Invoke when user needs to implement product display or shopping cart items.
- ▌ Van Cell · jiaiyanCell component for displaying items in a list. Invoke when user needs to create list items, settings pages, or navigation menus with icons, links, and custom content.
- ▌ Van Form · jiaiyanForm component for data entry and verification. Invoke when user needs to implement form validation, submission, or complex form layouts.
- ▌ Van Grid · jiaiyanGrid component for dividing pages into equal-width blocks. Invoke when user needs to create grid layouts for navigation or content display.
- ▌ Van Icon · jiaiyanIcon component based on font icons. Invoke when user needs to display icons, badges on icons, custom icon fonts, or use icons in other components.
- ▌ Van List · jiaiyanList component for displaying items with infinite scroll and loading states. Invoke when user needs to implement infinite scrolling lists or load-more functionality.
- ▌ Van Rate · jiaiyanRate component for rating things with stars. Invoke when user needs to implement rating systems, star ratings, or custom icon ratings.
- ▌ Use Raf · jiaiyanComposable for requestAnimationFrame with convenient call and cancellation. Invoke when implementing animations, game loops, or any visual updates synchronized with browser repaints.
- ▌ Vant Advanced Usage · jiaiyanCovers advanced Vant usage patterns including component registration, browser adaptation, and performance optimization. Invoke when user needs advanced configuration or encounters complex scenarios.
- ▌ Van Badge · jiaiyanBadge component for displaying small badges or red dots on the top-right corner. Invoke when user needs to show notification counts, status indicators, or small badges.
- ▌ Van Empty · jiaiyanEmpty state component for displaying placeholder content when no data is available. Invoke when user needs to show empty states, error pages, or placeholder illustrations.
- ▌ Van Field · jiaiyanField component for user input. Invoke when user needs to implement text input, textarea, or various input types with validation.
- ▌ Van Image · jiaiyanEnhanced image component with multiple fill modes, lazy loading, and placeholder support. Invoke when user needs to display images with custom fit modes, lazy loading, or loading/error states.
- ▌ Van Popup · jiaiyanPopup component for displaying modal windows, information prompts, and overlays. Invoke when user needs to show popups, modals, or slide-out panels.
- ▌ Van Radio · jiaiyanRadio component for single selection among multiple options. Invoke when user needs to implement radio buttons, radio groups, or custom radio selections.
- ▌ Van Space · jiaiyanSpace component for setting spacing between elements. Invoke when user needs to add consistent spacing between components or create flexible layouts.
- ▌ Van Steps · jiaiyanSteps navigation component for displaying progress flow. Invoke when user needs to show step progress, wizard forms, or process tracking.
- ▌ Van Style · jiaiyanBuilt-in style utilities for common CSS patterns. Invoke when user needs text ellipsis, hairlines, safe areas, animations, or clearfix.
- ▌ Van Swipe · jiaiyanSwipe carousel component for looping images or content. Invoke when user needs to create image carousels, content sliders, or swipeable galleries.
- ▌ Van Toast · jiaiyanToast component for displaying message notifications, loading hints, and operation results. Invoke when user needs to show feedback messages or loading states.
- ▌ Use Rect · jiaiyanComposable for getting element dimensions and position. Invoke when needing to measure element size, position relative to viewport, or implement positioning logic.
- ▌ Van Button · jiaiyanButton component for mobile interactions with various types, sizes, and styles. Invoke when user needs to implement buttons, loading states, or customize button appearance in mobile applications.
- ▌ Van Circle · jiaiyanCircular progress bar component with gradient color support. Invoke when user needs to display circular progress indicators or animated progress bars.
- ▌ Van Dialog · jiaiyanDialog component for modal interactions with alerts, confirmations, and custom content. Invoke when user needs to implement modal dialogs, confirmation boxes, or alert messages.
- ▌ Van Notify · jiaiyanNotify component for displaying top notification messages. Invoke when user needs to implement toast notifications, alert messages, or temporary status indicators.
- ▌ Van Picker · jiaiyanPicker component for selecting values from a list. Invoke when user needs to implement single or multi-column selection, cascade selection, or custom picker views.
- ▌ Van Search · jiaiyanSearch component for search scenarios with input and action buttons. Invoke when user needs to implement search functionality, search bars, or custom search inputs.
- ▌ Van Slider · jiaiyanSlider component for selecting values within a range. Invoke when user needs to implement range selectors, volume controls, or custom slider interfaces.
- ▌ Van Sticky · jiaiyanSticky positioning component for fixed elements on scroll. Invoke when user needs to create sticky headers, navigation bars, or fixed position elements.
- ▌ Van Switch · jiaiyanSwitch component for toggling between on/off states. Invoke when user needs to implement toggle switches, settings controls, or boolean state toggles.
- ▌ Van Tabbar · jiaiyanTabbar component for bottom navigation between pages. Invoke when user needs to implement bottom navigation bar for main app navigation.
- ▌ Van Barrage · jiaiyanBarrage 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.
- ▌ Van Divider · jiaiyanDivider component for separating content into multiple areas. Invoke when user needs to create visual separators, section dividers, or content boundaries.
- ▌ Van Loading · jiaiyanLoading component for displaying loading states and spinners. Invoke when user needs to implement loading indicators, loading overlays, or progress feedback.
- ▌ Van Nav Bar · jiaiyanNavigation bar component for page navigation. Invoke when user needs to implement top navigation bars with title, back button, and actions.
- ▌ Van Overlay · jiaiyanOverlay component for creating modal mask layers. Invoke when user needs to implement modal overlays, loading masks, or prevent user interactions during operations.
- ▌ Van Popover · jiaiyanPopover component for displaying floating content. Invoke when user needs to implement dropdown menus, tooltips, or floating action panels.
- ▌ Van Sidebar · jiaiyanSidebar navigation component for switching between content areas. Invoke when user needs to implement vertical navigation sidebar.
- ▌ Van Stepper · jiaiyanStepper component for numeric input with increment and decrement buttons. Invoke when user needs to implement quantity selectors, number inputs, or counter controls.
- ▌ Use Toggle · jiaiyanComposable for toggling boolean state. Invoke when implementing switches, checkboxes, modals, or any UI that needs to toggle between true and false.
- ▌ Van Back Top · jiaiyanBack to top button component for easy navigation. Invoke when user needs to implement a back-to-top button for long pages.
- ▌ Van Calendar · jiaiyanCalendar component for selecting dates or date ranges. Invoke when user needs to implement date selection, date range selection, or custom calendar views.
- ▌ Van Cascader · jiaiyanCascader component for multi-level data selection. Invoke when user needs to implement hierarchical selection like provinces and cities.
- ▌ Van Checkbox · jiaiyanCheckbox component for multiple selections. Invoke when user needs to implement checkboxes, checkbox groups, or custom checkbox styles.
- ▌ Van Collapse · jiaiyanCollapse component for organizing content in expandable panels. Invoke when user needs to create accordion-style collapsible sections or FAQ lists.
- ▌ Van Lazyload · jiaiyanLazyload directive for delaying content loading outside the visible area. Invoke when user needs to implement lazy loading for images or components.
- ▌ Van Progress · jiaiyanProgress bar component for displaying operation progress. Invoke when user needs to show linear progress indicators for tasks, uploads, or downloads.
- ▌ Van Skeleton · jiaiyanSkeleton loading placeholder component. Invoke when user needs to display loading placeholders, content loading states, or improve perceived loading performance.
- ▌ Van Uploader · jiaiyanUploader component for file uploads with preview and progress. Invoke when user needs to implement file uploads, image uploads, or document uploads.
- ▌ Van Highlight · jiaiyanHighlight component for emphasizing specific text content. Invoke when user needs to highlight keywords in text or implement search result highlighting.
- ▌ Van Index Bar · jiaiyanIndex bar component for indexed sorting display and quick positioning. Invoke when user needs to implement alphabetical or categorical navigation.
- ▌ Van Signature · jiaiyanSignature component for capturing signatures on canvas. Invoke when user needs to implement signature capture, drawing pads, or canvas-based input.
- ▌ Van Watermark · jiaiyanWatermark component for adding text or image watermarks to pages. Invoke when user needs to add watermarks for copyright protection or information security.
- ▌ Use Relation · jiaiyanComposable for establishing parent-child component relationships. Invoke when implementing compound components that need communication between parent and children.
- ▌ Van Action Bar · jiaiyanAction bar component for providing convenient interaction for page-related operations. Invoke when user needs to implement bottom action bars with icons and buttons.
- ▌ Van Count Down · jiaiyanCountdown component for displaying real-time countdown values. Invoke when user needs to implement countdown timers, time-limited activities, or time displays.
- ▌ Van Notice Bar · jiaiyanNotice bar component for displaying scrolling notifications. Invoke when user needs to show announcements, alerts, or continuous scrolling messages.
- ▌ Van Pagination · jiaiyanPagination component for separating large datasets into pages. Invoke when user needs to implement page navigation for data lists.