Skip to content

Skills Directory

Skills Learn Security Categories Docs Blog Pro Advertise

Claude Skills by jiaiyan

github.com/jiaiyan

107 skillsA× 106B× 12 installs220 views

N Legacy GridALegacy grid system based on row and column layout. Invoke when user needs to implement traditional 24-column grid layouts in Naive UI.developmentvueapiVotes: 0GitHub stars: 8
N ListAList 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.developmentgovueVotes: 0GitHub stars: 8
N Loading BarALoading Bar component for showing loading progress. Invoke when user needs to implement loading indicators, route transition loading, or async operation feedback in Naive UI.businessgovueVotes: 0GitHub stars: 8
N LogALog 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.developmentjavascriptjavaVotes: 0GitHub stars: 8
N MarqueeAMarquee component for creating scrolling content animations. Invoke when user needs to display horizontally scrolling text or content in Naive UI.developmentjavascriptgoVotes: 0GitHub stars: 8
N MentionAA mention input component for @mentions with dropdown suggestions, supporting both text and textarea modesdocumentationgovueVotes: 0GitHub stars: 8
Skills DirectorySkills Directory 3 slots · $399/mo · one ad per page · sponsors can never buy grades.See placements
N MenuAMenu component for navigation and actions. Invoke when user needs to implement navigation menus, sidebars, dropdown menus, or hierarchical navigation in Naive UI.developmentvuenodeVotes: 0GitHub stars: 8
N MessageAMessage 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.businessreactvueVotes: 0GitHub stars: 8
N ModalAModal component for displaying dialog boxes and content overlays. Invoke when user needs to implement modal dialogs, confirmations, or floating panels in Naive UI.developmentgoreactVotes: 0GitHub stars: 8
N NotificationANotification component for displaying toast messages and alerts. Invoke when user needs to implement notification system, toast messages, or status alerts in Naive UI.businessreactvueVotes: 0GitHub stars: 8
N Number AnimationANumber 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.datagovueVotes: 0GitHub stars: 8
N Page HeaderAPage 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.datagovueVotes: 0GitHub stars: 8
N PaginationAPagination component for navigating through data pages. Invoke when user needs to implement pagination, page navigation, or data pagination controls in Naive UI.developmentgovueVotes: 0GitHub stars: 8
N PopconfirmAPopconfirm component for confirmation dialogs in popover style. Invoke when user needs to implement confirmation prompts, delete confirmations, or action verifications in Naive UI.developmentvueapiVotes: 0GitHub stars: 8
N PopoverAPopover component for displaying floating content. Invoke when user needs to implement tooltips, dropdown menus, or floating panels in Naive UI.designgovueVotes: 0GitHub stars: 8
N PopselectAPopselect component for selecting options in a popover. Invoke when user needs a lightweight selection dropdown without a full select component in Naive UI.developmentgoreactVotes: 0GitHub stars: 8
N ProgressAProgress component for displaying operation progress. Invoke when user needs to implement progress bars, loading indicators, or completion status in Naive UI.datagovueVotes: 0GitHub stars: 8
N Qr CodeAQR 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.developmentjavascriptgoVotes: 0GitHub stars: 8
N RadioAA 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.developmentvueexpressVotes: 0GitHub stars: 8
N RateAA 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.developmentjavascriptgoVotes: 0GitHub stars: 8
N ResultAResult component for displaying operation results or status pages. Invoke when user needs to show success, error, warning, or HTTP status pages in Naive UI.developmentgoreactVotes: 0GitHub stars: 8
N ScrollbarACustom scrollbar component with consistent styling. Invoke when user needs to implement custom styled scrollbars or scrollable containers in Naive UI.developmentvueapiVotes: 0GitHub stars: 8
N SelectAA versatile select component for single and multiple selection with features like filtering, remote search, grouping, and virtual scrollingdesignvuenodeVotes: 0GitHub stars: 8
N SkeletonASkeleton component for displaying loading placeholders. Invoke when user needs to show content loading states with animated placeholders in Naive UI.developmentgoreactVotes: 0GitHub stars: 8
N SliderAA versatile slider component for selecting values within a range in Naive UI. Supports single value, range selection, marks, vertical mode, and custom handles.designvuenodeVotes: 0GitHub stars: 8
N SpaceASpacing component for consistent gaps between elements. Invoke when user needs to add spacing between components or create layouts with gaps in Naive UI.developmentvuenodeVotes: 0GitHub stars: 8
N SpinASpin component for displaying loading spinners. Invoke when user needs to show loading states with customizable spin indicators in Naive UI.developmentgoreactVotes: 0GitHub stars: 8
N SplitASplit panel component for resizable split layouts. Invoke when user needs to implement resizable split views, pane layouts, or divider-based layouts in Naive UI.designvueapiVotes: 0GitHub stars: 8
N StatisticAStatistic 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.datavuegitVotes: 0GitHub stars: 8
N StepsASteps component for showing progress through a sequence. Invoke when user needs to implement step indicators, wizards, or progress tracking in Naive UI.testingvueapiVotes: 0GitHub stars: 8
N SwitchAA toggle switch component for binary choices in Naive UI. Supports custom values, loading states, custom colors, and various sizes with optional content labels.content-marketingvuerailsVotes: 0GitHub stars: 8
N TableAA basic table component for rendering simple HTML tables with styling options including borders, stripes, and size variations.developmentgovueVotes: 0GitHub stars: 8
N TabsATabs component for switching content in same area. Invoke when user needs to implement tabbed interfaces, content switching, or tab navigation in Naive UI.designgovueVotes: 0GitHub stars: 8
N TagATag component for displaying labels, categories, or toggle options. Invoke when user needs to implement tags, labels, status indicators, or checkable tags in Naive UI.developmentgoreactVotes: 0GitHub stars: 8
N ThingAA versatile component for displaying entity information with customizable sections including avatar, header, description, content, and footer.developmentgovueVotes: 0GitHub stars: 8
N Time PickerAA time selection component for choosing specific times in Naive UI. Supports 12/24 hour formats, time zones, disabled times, step intervals, and custom formatting.developmentvuenodeVotes: 0GitHub stars: 8
N TimeAA component for formatting and displaying time values with support for relative time, custom formats, time zones, and Unix timestamps.developmentgovueVotes: 0GitHub stars: 8
N TimelineAA component for displaying a timeline of events with customizable items, icons, and layout options including horizontal and vertical orientations.designvueapiVotes: 0GitHub stars: 8
N TooltipATooltip component for displaying contextual information on hover or focus. Invoke when user needs to show helpful hints or additional context in Naive UI.developmentgovueVotes: 0GitHub stars: 8
N TransferAA dual-list transfer component for moving items between source and target lists with filtering, virtual scrolling, and custom rendering capabilitiesdesignvuenodeVotes: 0GitHub stars: 8
N Tree SelectAA tree-structured select component for hierarchical data selection with features like multiple selection, checkboxes, filtering, and async loadingdevelopmentgovueVotes: 0GitHub stars: 8
N TreeAA powerful tree component for displaying hierarchical data with features like selection, checking, drag-and-drop, virtual scrolling, async loading, and search filtering.developmentgovueVotes: 0GitHub stars: 8
N TypographyATypography components for text styling including headings, paragraphs, lists, and text elements. Invoke when user needs styled text, headings, lists, or typography in Naive UI.designvueapiVotes: 0GitHub stars: 8
N UploadAA comprehensive file upload component supporting drag-and-drop, multiple files, custom requests, thumbnails, and progress trackingdesigngovueVotes: 0GitHub stars: 8
N Virtual ListAVirtual list component for efficient rendering of large lists. Invoke when user needs to implement high-performance lists with thousands of items in Naive UI.devopsvueapiVotes: 0GitHub stars: 8
N WatermarkAWatermark component for adding watermarks to content areas. Invoke when user needs text or image watermarks, fullscreen watermarks, or content protection in Naive UI.developmentgovueVotes: 0GitHub stars: 8
Naive Ui ComponentsAComprehensive 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.designtypescriptgoVotes: 0GitHub stars: 8
Naive Ui Dark ModeADark 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.developmentreactvueVotes: 0GitHub stars: 8
Naive Ui Design BorderABorder design specifications for Naive UI components. Invoke when user needs to understand border styles, radius options, or shadow styles used throughout Naive UI.designjavascriptjavaVotes: 0GitHub stars: 8
Naive Ui Design ColorAColor 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.developmentjavascriptjavaVotes: 0GitHub stars: 8

First Previous 123 Next Last

Skills Directory

Security-tested agent skills for Claude, coding agents, and AI workflows.

Stay in the loop

Get weekly updates on the best new skills and tutorials.

Email address

Directory

Browse skills
All skills A–Z
Claude skills
Claude Code skills
Agent skills
Categories
Authors
Submit a skill

Learn and security

Learn hub
Install Claude skills
Write SKILL.md
Skills vs MCP
Directories compared
Security
Security methodology
Secure Claude skills
Security badges

Company

About
Pro
Blog
API docs
Chrome extension
Skill Manager
Advertise
Terms
Privacy
Refunds

© 2026 Skills Directory. All rights reserved.