Skills
.Work. You
Rest

n-upload

Community

Drag-and-drop file uploads with progress.

Software Engineering#vue#progress#upload#thumbnail#drag-and-drop#file#naive-ui
Authorjiaiyan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This component solves the complexity of implementing file upload UX by providing a ready-made solution with drag-and-drop, multi-file support, thumbnails, and progress tracking, reducing development time and friction.

Core Features & Use Cases

  • Drag-and-drop area for intuitive file selection and large file batching.
  • Multi-file support with customizable upload endpoints, headers, and form data.
  • Thumbnail previews and image-card style displays for quick visual feedback in content management and forms.
  • Progress tracking, error handling, and retry options to improve reliability during uploads.
  • Use Case: integrate into admin dashboards to enable media uploads, user-generated content, or bulk data submissions with visible progress.

Quick Start

Place an n-upload component in your Vue page and connect it to your backend endpoint to begin uploading files.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: n-upload
Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-upload

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.