All authors
Claude Skills by jiaiyan
github.com/jiaiyan107 skills2 installs220 views
- naive-ui-skillsNaive 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.Votes: 0GitHub stars: 8
- N AffixAffix component that makes content stick to fixed places when scrolling. Invoke when user needs to implement sticky positioning or fixed elements in Naive UI.Votes: 0GitHub stars: 8
- N AlertAlert component for displaying important messages and notifications. Invoke when user needs to show contextual feedback messages with different types and styles in Naive UI.Votes: 0GitHub stars: 8
- N AnchorAnchor 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.Votes: 0GitHub stars: 8
- N Auto CompleteAn autocomplete input component that provides search hints and suggestions as users type, with support for grouping, custom rendering, and various input configurationsVotes: 0GitHub stars: 8
- N AvatarAvatar 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.Votes: 0GitHub stars: 8
- N Back TopBack 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.Votes: 0GitHub stars: 8
- N BadgeBadge 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.Votes: 0GitHub stars: 8
- N BreadcrumbBreadcrumb component for navigation path display. Invoke when user needs to implement breadcrumb navigation, show current location, or navigation hierarchy in Naive UI.Votes: 0GitHub stars: 8
- N ButtonButton component with various types, sizes, and styles. Invoke when user needs to implement buttons, button groups, or customize button appearance in Naive UI.Votes: 0GitHub stars: 8
- N CalendarCalendar component for displaying and selecting dates. Invoke when user needs to implement date selection, date display, or calendar-based interfaces in Naive UI.Votes: 0GitHub stars: 8
- N CardCard component for displaying content in a contained, organized manner. Invoke when user needs to implement content cards, panels, or customizable containers in Naive UI.Votes: 0GitHub stars: 8
- N CarouselCarousel component for displaying rotating content like images, banners, or cards. Invoke when user needs to implement image sliders, content carousels, or card-based navigation in Naive UI.Votes: 0GitHub stars: 8
- N CascaderA cascader component for displaying and selecting tree-structured data with support for single/multiple selection, async loading, filtering, and various check strategiesVotes: 0GitHub stars: 8
- N CheckboxA checkbox component for binary and multiple selections with support for groups, indeterminate state, custom values, and grid layoutsVotes: 0GitHub stars: 8
- N CodeCode component for displaying syntax-highlighted code. Invoke when user needs to display code snippets with syntax highlighting in Naive UI.Votes: 0GitHub stars: 8
- N Collapse TransitionCollapse transition component for smooth show/hide animations. Invoke when user needs to implement expand/collapse animations in Naive UI.Votes: 0GitHub stars: 8
- N CollapseCollapse component for creating expandable/collapsible content panels. Invoke when user needs to implement accordions, FAQ sections, or expandable navigation menus in Naive UI.Votes: 0GitHub stars: 8
- N Color PickerA color picker component for selecting colors with support for multiple color modes, alpha channel, swatches, custom triggers, and native color selector integrationVotes: 0GitHub stars: 8
- N Config ProviderGlobal 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.Votes: 0GitHub stars: 8
- N CountdownCountdown component for displaying time countdown. Invoke when user needs to implement countdown timers, deadlines, or time-based displays in Naive UI.Votes: 0GitHub stars: 8
- N Data TableA powerful data table component for displaying structured tabular data with features like sorting, filtering, pagination, selection, tree data, virtual scrolling, and more.Votes: 0GitHub stars: 8
- N Date PickerA comprehensive date picker component supporting various date types (date, datetime, range, month, year, quarter, week) with formatting, validation, shortcuts, and async operationsVotes: 0GitHub stars: 8
- N DescriptionsDescriptions 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.Votes: 0GitHub stars: 8
- N DialogDialog 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.Votes: 0GitHub stars: 8
- N DiscreteDiscrete API for using message, dialog, notification, loadingBar, and modal outside setup context. Invoke when user needs to use Naive UI APIs outside Vue components in Naive UI.Votes: 0GitHub stars: 8
- N DividerDivider component for separating content sections. Invoke when user needs to implement horizontal or vertical dividers with optional titles in Naive UI.Votes: 0GitHub stars: 8
- N DrawerDrawer 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.Votes: 0GitHub stars: 8
- N DropdownDropdown component for displaying contextual menus and action lists. Invoke when user needs to implement dropdown menus, context menus, or cascading selections in Naive UI.Votes: 0GitHub stars: 8
- N Dynamic InputA dynamic input component for managing arrays of values with add, remove, and sort capabilities, supporting input and pair presetsVotes: 0GitHub stars: 8
- N Dynamic TagsA component for dynamically adding and removing tags with customizable input and trigger elementsVotes: 0GitHub stars: 8
- N ElementElement 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.Votes: 0GitHub stars: 8
- N EllipsisText ellipsis component for truncating long text with tooltip support. Invoke when user needs to handle text overflow, multi-line truncation, or expandable text in Naive UI.Votes: 0GitHub stars: 8
- N EmptyEmpty component for displaying empty states. Invoke when user needs to show empty data states, no results, or placeholder content in Naive UI.Votes: 0GitHub stars: 8
- N EquationEquation component for rendering mathematical equations using KaTeX. Invoke when user needs to display mathematical formulas or LaTeX expressions in Naive UI.Votes: 0GitHub stars: 8
- N FlexFlex layout component using CSS flexbox with gap support. Invoke when user needs to implement flexible layouts, spacing between elements, or alignment in Naive UI.Votes: 0GitHub stars: 8
- N Float ButtonFloating action button component with menu, badge, and group support. Invoke when user needs floating buttons, FAB menus, or quick action buttons in Naive UI.Votes: 0GitHub stars: 8
- N FormA 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.Votes: 0GitHub stars: 8
- N Global StyleGlobal 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.Votes: 0GitHub stars: 8
- N Gradient TextGradient text component for styled text with gradient colors. Invoke when user needs decorative text, gradient headings, or styled text elements in Naive UI.Votes: 0GitHub stars: 8
- N GridCSS Grid-based responsive grid system component. Invoke when user needs to implement grid layouts, responsive designs, or column-based layouts in Naive UI.Votes: 0GitHub stars: 8
- N HeatmapHeatmap 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.Votes: 0GitHub stars: 8
- N HighlightHighlight component for highlighting matched text patterns. Invoke when user needs to highlight search results or specific text patterns in Naive UI.Votes: 0GitHub stars: 8
- N IconIcon 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.Votes: 0GitHub stars: 8
- N ImageImage 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.Votes: 0GitHub stars: 8
- N Infinite ScrollInfinite scroll component for loading content on scroll. Invoke when user needs to implement infinite scrolling lists or lazy loading content in Naive UI.Votes: 0GitHub stars: 8
- N Input NumberA numeric input component with step controls, formatting, validation, and min/max constraintsVotes: 0GitHub stars: 8
- N Input OtpA one-time password input component for entering verification codes with support for masking, custom rendering, and form integrationVotes: 0GitHub stars: 8
- N InputA versatile input component for text, password, and textarea inputs with comprehensive features including validation, icons, and various statesVotes: 0GitHub stars: 8
- N LayoutLayout 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.Votes: 0GitHub stars: 8