n-skeleton

Community

Render polished loading states with skeletons.

Authorjiaiyan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Skeleton components solve the problem of showing loading states and preventing layout shift by displaying animated placeholders.

Core Features & Use Cases

  • Text Skeleton: Animated text placeholders
  • Shape Variants: Box, circle, and rounded shapes
  • Size Options: small, medium, and large sizes
  • Repeat Function: Repeat skeleton elements easily
  • Animation Control: Enable or disable animation
  • Custom Dimensions: Set custom width and height

Quick Start

Use an n-skeleton in your template to display animated loading placeholders while content loads.

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-skeleton
Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-skeleton

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.