n-empty
CommunityDisplay meaningful empty states with ease.
Authorjiaiyan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Empty states are often presented without guidance or context, leading to user confusion and missed opportunities. The n-empty skill provides a ready-to-use Naive UI empty-state component with configurable icon, description, and optional actions to clearly communicate data absence.
Core Features & Use Cases
- Prebuilt empty-state layout with slots for icon, description, and extra actions.
- Customizable icon, description text, and size variants to fit dashboards, tables, and lists.
- Use cases include empty data lists, search results, and placeholder content within cards or containers.
Quick Start
Add the n-empty component to your template and configure its description to reflect the current empty state.
Dependency Matrix
Required Modules
None requiredComponents
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-empty Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-empty Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.