Generate animated skeleton placeholders for Naive UI loading states in Vue 3.
npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-skeleton
Please help me install this Agent Skill. Skill: n-skeleton Source: https://github.com/jiaiyan/naive-ui-skills/tree/main/components/n-skeleton Command: npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-skeleton
Skeleton components solve the problem of showing loading states and preventing layout shift by displaying animated placeholders.
Use an n-skeleton in your template to display animated loading placeholders while content loads.
High-intent search queries and answers about installing and using this skill.
You can add loading skeletons in Vue 3 by using the n-skeleton component to render animated placeholders, preventing layout shift while content loads. It supports text, shapes, and custom dimensions for cards and tables.
Skeleton placeholders are animated loading states that indicate upcoming content in web applications. Use them to prevent layout shift and improve perceived performance when fetching data for cards, lists, tables, or forms.
Yes, you can customize animated loading placeholders in Naive UI with small, medium, and large size options. The component also supports box, circle, and rounded shape variants, along with custom width and height dimensions.
You can disable or enable animations for skeleton loaders using the built-in animation control property. This allows you to toggle the animated loading state effect on or off based on your UI requirements.
No, the n-skeleton component does not require external dependencies beyond Naive UI for Vue 3 projects. It operates independently to provide animated loading placeholders without additional setup constraints.
jiaiyanConfigure Naive UI internationalization with NConfigProvider and createLocale for Vue 3 apps.
jiaiyanDisplay skeleton placeholders during asynchronous content loading in Vue components.
jiaiyanRender calendar-style heatmaps from time-series data in Vue 3 with Naive UI.
nattergabrielAnimate Mars Greenhouse UI elements with CSS keyframes and Framer Motion variants.
