← all publishers

jiaiyan

@jiaiyan source repo

Report this profile Claim this profile

• 311 skills
• 0 followers
• 8 repo stars
• 4 weeks ago last updated

1. ▌
   El Color Picker Panel · jiaiyan

   ColorPickerPanel is the core panel component of ColorPicker for custom color selection UI. Invoke when user needs to build custom color picker interfaces without the dropdown wrapper.
   8 repo stars
2. ▌
   Element Plus Skills · jiaiyan bundle

   Element Plus Skills Library - A comprehensive skill library for AI agents to understand and utilize Element Plus UI components. Invoke when user needs to work with Element Plus components, theming, i18n, dark mode, or design specifications.
   8 repo stars
3. ▌
   Element Plus Ssr · jiaiyan

   Configures Element Plus for server-side rendering (SSR) applications. Invoke when user needs to implement SSR with Element Plus or fix hydration errors.
   8 repo stars
4. ▌
   El Tag · jiaiyan

   Tag component for marking and selection. Invoke when user needs to display labels, categories, or removable tags for filtering and categorization.
   8 repo stars
5. ▌
   Element Plus I18N · jiaiyan

   Configures internationalization and localization for Element Plus components. Invoke when user needs to change language, add custom translations, or configure locale settings.
   8 repo stars
6. ▌
   El Card · jiaiyan

   Card component for integrating information in a card container. Invoke when user needs to display grouped content, dashboard cards, or content sections with headers.
   8 repo stars
7. ▌
   El Form · jiaiyan

   Form component for data collection, validation, and submission. Invoke when user needs to create forms, implement validation, or handle form data.
   8 repo stars
8. ▌
   El Icon · jiaiyan

   Icon component for displaying SVG icons. Invoke when user needs to display icons, customize icon sizes and colors, or use Element Plus icon collection.
   8 repo stars
9. ▌
   El Link · jiaiyan

   Link component for text hyperlinks. Invoke when user needs to create text links, navigation links, or styled anchor elements.
   8 repo stars
10. ▌
    El Menu · jiaiyan

    Menu component for website navigation with horizontal and vertical modes. Invoke when user needs to create navigation menus, sidebars, or dropdown menus.
    8 repo stars
11. ▌
    El Rate · jiaiyan

    Rate component for rating functionality. Invoke when user needs to collect user ratings, display star ratings, or allow feedback scoring.
    8 repo stars
12. ▌
    N Popconfirm · jiaiyan

    Popconfirm component for confirmation dialogs in popover style. Invoke when user needs to implement confirmation prompts, delete confirmations, or action verifications in Naive UI.
    8 repo stars
13. ▌
    N Typography · jiaiyan

    Typography components for text styling including headings, paragraphs, lists, and text elements. Invoke when user needs styled text, headings, lists, or typography in Naive UI.
    8 repo stars
14. ▌
    N Date Picker · jiaiyan

    A comprehensive date picker component supporting various date types (date, datetime, range, month, year, quarter, week) with formatting, validation, shortcuts, and async operations
    8 repo stars
15. ▌
    N Legacy Grid · jiaiyan

    Legacy grid system based on row and column layout. Invoke when user needs to implement traditional 24-column grid layouts in Naive UI.
    8 repo stars
16. ▌
    N Loading Bar · jiaiyan

    Loading Bar component for showing loading progress. Invoke when user needs to implement loading indicators, route transition loading, or async operation feedback in Naive UI.
    8 repo stars
17. ▌
    N Page Header · jiaiyan

    Page header component for page titles with navigation and content slots. Invoke when user needs page headers, breadcrumb navigation, or page title sections in Naive UI.
    8 repo stars
18. ▌
    N Time Picker · jiaiyan

    A time selection component for choosing specific times in Naive UI. Supports 12/24 hour formats, time zones, disabled times, step intervals, and custom formatting.
    8 repo stars
19. ▌
    N Tree Select · jiaiyan

    A tree-structured select component for hierarchical data selection with features like multiple selection, checkboxes, filtering, and async loading
    8 repo stars
20. ▌
    Naive UI Design Overview · jiaiyan

    Overview of all Naive UI 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
21. ▌
    N Color Picker · jiaiyan

    A color picker component for selecting colors with support for multiple color modes, alpha channel, swatches, custom triggers, and native color selector integration
    8 repo stars
22. ▌
    N Descriptions · jiaiyan

    Descriptions component for displaying key-value pairs in a structured layout. Invoke when user needs to display item details, configuration info, or form-like read-only data in Naive UI.
    8 repo stars
23. ▌
    N Dynamic Tags · jiaiyan

    A component for dynamically adding and removing tags with customizable input and trigger elements
    8 repo stars
24. ▌
    N Float Button · jiaiyan

    Floating action button component with menu, badge, and group support. Invoke when user needs floating buttons, FAB menus, or quick action buttons in Naive UI.
    8 repo stars
25. ▌
    N Global Style · jiaiyan

    Global style component that syncs theme styles to document.body. Invoke when user needs to apply global theme styles like background color and font family to the entire page.
    8 repo stars
26. ▌
    N Input Number · jiaiyan

    A numeric input component with step controls, formatting, validation, and min/max constraints
    8 repo stars
27. ▌
    N Notification · jiaiyan

    Notification component for displaying toast messages and alerts. Invoke when user needs to implement notification system, toast messages, or status alerts in Naive UI.
    8 repo stars
28. ▌
    N Virtual List · jiaiyan

    Virtual list component for efficient rendering of large lists. Invoke when user needs to implement high-performance lists with thousands of items in Naive UI.
    8 repo stars
29. ▌
    N Auto Complete · jiaiyan

    An autocomplete input component that provides search hints and suggestions as users type, with support for grouping, custom rendering, and various input configurations
    8 repo stars
30. ▌
    N Transfer · jiaiyan

    A dual-list transfer component for moving items between source and target lists with filtering, virtual scrolling, and custom rendering capabilities
    8 repo stars
31. ▌
    Naive UI Design Color · jiaiyan

    Color design specifications for Naive UI. Invoke when user needs to understand the color palette, main colors, semantic colors, or neutral colors used in Naive UI.
    8 repo stars
32. ▌
    N Countdown · jiaiyan

    Countdown component for displaying time countdown. Invoke when user needs to implement countdown timers, deadlines, or time-based displays in Naive UI.
    8 repo stars
33. ▌
    N Highlight · jiaiyan

    Highlight component for highlighting matched text patterns. Invoke when user needs to highlight search results or specific text patterns in Naive UI.
    8 repo stars
34. ▌
    N Input Otp · jiaiyan

    A one-time password input component for entering verification codes with support for masking, custom rendering, and form integration
    8 repo stars
35. ▌
    N Popselect · jiaiyan

    Popselect component for selecting options in a popover. Invoke when user needs a lightweight selection dropdown without a full select component in Naive UI.
    8 repo stars
36. ▌
    N Scrollbar · jiaiyan

    Custom scrollbar component with consistent styling. Invoke when user needs to implement custom styled scrollbars or scrollable containers in Naive UI.
    8 repo stars
37. ▌
    N Statistic · jiaiyan

    Statistic component for displaying statistical values with labels, prefixes, and suffixes. Invoke when user needs to implement statistics displays, metrics dashboards, or data summaries in Naive UI.
    8 repo stars
38. ▌
    N Watermark · jiaiyan

    Watermark component for adding watermarks to content areas. Invoke when user needs text or image watermarks, fullscreen watermarks, or content protection in Naive UI.
    8 repo stars
39. ▌
    Naive UI Design Border · jiaiyan

    Border design specifications for Naive UI components. Invoke when user needs to understand border styles, radius options, or shadow styles used throughout Naive UI.
    8 repo stars
40. ▌
    Naive UI Design Layout · jiaiyan

    Layout system for Naive UI including Grid, Flex, Space, and Layout components. Invoke when user needs to create responsive layouts, grid systems, or understand layout components.
    8 repo stars
41. ▌
    N Breadcrumb · jiaiyan

    Breadcrumb component for navigation path display. Invoke when user needs to implement breadcrumb navigation, show current location, or navigation hierarchy in Naive UI.
    8 repo stars
42. ▌
    N Data Table · jiaiyan

    A powerful data table component for displaying structured tabular data with features like sorting, filtering, pagination, selection, tree data, virtual scrolling, and more.
    8 repo stars
43. ▌
    N Pagination · jiaiyan

    Pagination component for navigating through data pages. Invoke when user needs to implement pagination, page navigation, or data pagination controls in Naive UI.
    8 repo stars
44. ▌
    Naive UI Skills · jiaiyan bundle

    Naive UI Skills Library - A comprehensive skill library for AI agents to understand and utilize Naive UI components. Invoke when user needs to work with Naive UI components, theming, i18n, dark mode, or design specifications.
    8 repo stars
45. ▌
    Naive UI Ssr · jiaiyan

    Server-Side Rendering configuration and best practices for Naive UI. Invoke when user needs to implement SSR with Naive UI in Nuxt.js, Vitepress, Vite SSG/SSE, or Webpack environments.
    8 repo stars
46. ▌
    Naive UI I18N · jiaiyan

    Configure internationalization (i18n) in Naive UI with support for multiple languages and custom locales
    8 repo stars
47. ▌
    N Log · jiaiyan

    Log component for displaying log content with syntax highlighting, lazy loading, and scroll controls. Invoke when user needs to implement log viewers, terminal output, or console displays in Naive UI.
    8 repo stars
48. ▌
    N Tag · jiaiyan

    Tag component for displaying labels, categories, or toggle options. Invoke when user needs to implement tags, labels, status indicators, or checkable tags in Naive UI.
    8 repo stars
49. ▌
    Naive UI Theming · jiaiyan

    Customize and apply themes in Naive UI including dark mode, theme variables, and creating themed components
    8 repo stars
50. ▌
    N Card · jiaiyan

    Card component for displaying content in a contained, organized manner. Invoke when user needs to implement content cards, panels, or customizable containers in Naive UI.
    8 repo stars
51. ▌
    N Code · jiaiyan

    Code component for displaying syntax-highlighted code. Invoke when user needs to display code snippets with syntax highlighting in Naive UI.
    8 repo stars
52. ▌
    N Flex · jiaiyan

    Flex layout component using CSS flexbox with gap support. Invoke when user needs to implement flexible layouts, spacing between elements, or alignment in Naive UI.
    8 repo stars
53. ▌
    N Form · jiaiyan

    A comprehensive form component for data collection, validation, and submission in Naive UI. Provides flexible layout options, built-in validation rules, and seamless integration with various input components.
    8 repo stars
54. ▌
    N Grid · jiaiyan

    CSS Grid-based responsive grid system component. Invoke when user needs to implement grid layouts, responsive designs, or column-based layouts in Naive UI.
    8 repo stars
55. ▌
    N Icon · jiaiyan

    Icon component for displaying SVG icons with customizable size, color, and depth. Invoke when user needs to implement icons, icon wrappers, or integrate icon libraries in Naive UI.
    8 repo stars
56. ▌
    N List · jiaiyan

    List component for displaying structured list items with headers, footers, and dividers. Invoke when user needs to implement list layouts, item lists, or content lists in Naive UI.
    8 repo stars
57. ▌
    N Menu · jiaiyan

    Menu component for navigation and actions. Invoke when user needs to implement navigation menus, sidebars, dropdown menus, or hierarchical navigation in Naive UI.
    8 repo stars
58. ▌
    N Rate · jiaiyan

    A rating component for collecting user feedback with customizable icons, colors, and half-star support in Naive UI. Ideal for product reviews, feedback forms, and rating systems.
    8 repo stars
59. ▌
    N Spin · jiaiyan

    Spin component for displaying loading spinners. Invoke when user needs to show loading states with customizable spin indicators in Naive UI.
    8 repo stars
60. ▌
    N Tabs · jiaiyan

    Tabs component for switching content in same area. Invoke when user needs to implement tabbed interfaces, content switching, or tab navigation in Naive UI.
    8 repo stars
61. ▌
    N Time · jiaiyan

    A component for formatting and displaying time values with support for relative time, custom formats, time zones, and Unix timestamps.
    8 repo stars
62. ▌
    N Tree · jiaiyan

    A powerful tree component for displaying hierarchical data with features like selection, checking, drag-and-drop, virtual scrolling, async loading, and search filtering.
    8 repo stars
63. ▌
    N Affix · jiaiyan

    Affix component that makes content stick to fixed places when scrolling. Invoke when user needs to implement sticky positioning or fixed elements in Naive UI.
    8 repo stars
64. ▌
    N Alert · jiaiyan

    Alert component for displaying important messages and notifications. Invoke when user needs to show contextual feedback messages with different types and styles in Naive UI.
    8 repo stars
65. ▌
    N Badge · jiaiyan

    Badge component for displaying status indicators and notification counts. Invoke when user needs to show numerical badges, status dots, or custom badge content in Naive UI.
    8 repo stars
66. ▌
    N Empty · jiaiyan

    Empty component for displaying empty states. Invoke when user needs to show empty data states, no results, or placeholder content in Naive UI.
    8 repo stars
67. ▌
    N Image · jiaiyan

    Image component for displaying images with preview, lazy loading, and error handling. Invoke when user needs to implement image display, image preview, image gallery, or customize image appearance in Naive UI.
    8 repo stars
68. ▌
    N Input · jiaiyan

    A versatile input component for text, password, and textarea inputs with comprehensive features including validation, icons, and various states
    8 repo stars
69. ▌
    N Modal · jiaiyan

    Modal component for displaying dialog boxes and content overlays. Invoke when user needs to implement modal dialogs, confirmations, or floating panels in Naive UI.
    8 repo stars
70. ▌
    N Radio · jiaiyan

    A radio button component for single selection from a set of options in Naive UI. Supports individual radio buttons, radio groups, and button-style radio groups with various sizes and states.
    8 repo stars
71. ▌
    N Space · jiaiyan

    Spacing component for consistent gaps between elements. Invoke when user needs to add spacing between components or create layouts with gaps in Naive UI.
    8 repo stars
72. ▌
    N Split · jiaiyan

    Split panel component for resizable split layouts. Invoke when user needs to implement resizable split views, pane layouts, or divider-based layouts in Naive UI.
    8 repo stars
73. ▌
    N Steps · jiaiyan

    Steps component for showing progress through a sequence. Invoke when user needs to implement step indicators, wizards, or progress tracking in Naive UI.
    8 repo stars
74. ▌
    N Table · jiaiyan

    A basic table component for rendering simple HTML tables with styling options including borders, stripes, and size variations.
    8 repo stars
75. ▌
    N Thing · jiaiyan

    A versatile component for displaying entity information with customizable sections including avatar, header, description, content, and footer.
    8 repo stars
76. ▌
    Naive UI Dark Mode · jiaiyan

    Dark mode implementation and theme switching for Naive UI applications. Invoke when user needs to implement dark/light theme switching, follow system preferences, or customize dark theme variables.
    8 repo stars
77. ▌
    N Anchor · jiaiyan

    Anchor component for navigation and table of contents. Invoke when user needs to implement anchor navigation, table of contents, or scroll-based navigation highlighting in Naive UI.
    8 repo stars
78. ▌
    N Avatar · jiaiyan

    Avatar component for displaying user profile images, icons, or text. Invoke when user needs to implement user avatars, avatar groups, or customize avatar appearance in Naive UI.
    8 repo stars
79. ▌
    N Button · jiaiyan

    Button component with various types, sizes, and styles. Invoke when user needs to implement buttons, button groups, or customize button appearance in Naive UI.
    8 repo stars
80. ▌
    N Dialog · jiaiyan

    Dialog component for modal confirmations and user interactions. Invoke when user needs to create modal dialogs, confirmations, or async operations with user confirmation in Naive UI.
    8 repo stars
81. ▌
    N Drawer · jiaiyan

    Drawer component for slide-out panels and side navigation. Invoke when user needs to create slide-out panels, sidebars, or multi-level navigation drawers in Naive UI.
    8 repo stars
82. ▌
    N Layout · jiaiyan

    Layout component for building page structures with header, content, footer, and sider. Invoke when user needs to implement page layouts, sidebars, or application structure in Naive UI.
    8 repo stars
83. ▌
    N Result · jiaiyan

    Result component for displaying operation results or status pages. Invoke when user needs to show success, error, warning, or HTTP status pages in Naive UI.
    8 repo stars
84. ▌
    N Select · jiaiyan

    A versatile select component for single and multiple selection with features like filtering, remote search, grouping, and virtual scrolling
    8 repo stars
85. ▌
    N Slider · jiaiyan

    A versatile slider component for selecting values within a range in Naive UI. Supports single value, range selection, marks, vertical mode, and custom handles.
    8 repo stars
86. ▌
    N Switch · jiaiyan

    A toggle switch component for binary choices in Naive UI. Supports custom values, loading states, custom colors, and various sizes with optional content labels.
    8 repo stars
87. ▌
    N Upload · jiaiyan

    A comprehensive file upload component supporting drag-and-drop, multiple files, custom requests, thumbnails, and progress tracking
    8 repo stars
88. ▌
    Naive UI Components · jiaiyan

    Comprehensive overview of all Naive UI components organized by category. Invoke when user needs to discover available components, understand component categories, or find the right component for their use case.
    8 repo stars
89. ▌
    Naive UI Quickstart · jiaiyan

    Get started with Naive UI - a Vue 3 component library with comprehensive installation and setup guide
    8 repo stars
90. ▌
    N Divider · jiaiyan

    Divider component for separating content sections. Invoke when user needs to implement horizontal or vertical dividers with optional titles in Naive UI.
    8 repo stars
91. ▌
    N Element · jiaiyan

    Element component that provides access to theme CSS variables. Invoke when user needs to use theme variables in custom elements or access CSS variables within the theme context.
    8 repo stars
92. ▌
    N Heatmap · jiaiyan

    Heatmap component for displaying calendar-style data visualization like GitHub contribution graphs. Invoke when user needs to visualize time-series data or activity patterns in Naive UI.
    8 repo stars
93. ▌
    N Marquee · jiaiyan

    Marquee component for creating scrolling content animations. Invoke when user needs to display horizontally scrolling text or content in Naive UI.
    8 repo stars
94. ▌
    N Mention · jiaiyan

    A mention input component for @mentions with dropdown suggestions, supporting both text and textarea modes
    8 repo stars
95. ▌
    N Message · jiaiyan

    Message component for displaying toast notifications and feedback. Invoke when user needs to show temporary feedback messages, loading states, or success/error notifications in Naive UI.
    8 repo stars
96. ▌
    N Popover · jiaiyan

    Popover component for displaying floating content. Invoke when user needs to implement tooltips, dropdown menus, or floating panels in Naive UI.
    8 repo stars
97. ▌
    N Qr Code · jiaiyan

    QR Code component for generating QR codes. Invoke when user needs to generate or display QR codes for URLs, text, or data encoding in Naive UI.
    8 repo stars
98. ▌
    N Tooltip · jiaiyan

    Tooltip component for displaying contextual information on hover or focus. Invoke when user needs to show helpful hints or additional context in Naive UI.
    8 repo stars
99. ▌
    N Back Top · jiaiyan

    Back Top component for scrolling back to page top. Invoke when user needs to implement a back-to-top button or scroll-to-top functionality in Naive UI.
    8 repo stars
100. ▌
     N Calendar · jiaiyan

     Calendar component for displaying and selecting dates. Invoke when user needs to implement date selection, date display, or calendar-based interfaces in Naive UI.
     8 repo stars