Claude MarketplacesSubmit
sepush avatar

Naive Ui

sepush/naive-ui-skills

A well-organized reference for working with Naive UI in Vue 3 projects. The skill breaks down 33 rules across 8 categories, prioritized by impact from critical setup and theming to ecosystem integration. It covers the practical stuff like form validation, virtual scrolling for large datasets, dark mode configuration, and SSR gotchas. The structure is sensible: quick reference by priority, then detailed rule files for when you need specifics. Use this when you're building forms, dealing with DataTable performance issues, or setting up theme customization. The categorization by impact (critical, high, medium, low) actually helps you focus on what matters instead of drowning in documentation.

skills.sh installs
441
GitHub stars
23
last updated
Jun 3, 2026
View on GitHub

Install

$ npx -y skills add sepush/naive-ui-skills --skill naive-ui --agent claude-code

Installs into .claude/skills of the current project.

Files

Naive UI Practices

Usage guide for Naive UI and Vue 3 applications. Contains 33 rules across 8 categories, prioritized by impact to guide automated refactoring, component creation, and troubleshooting.

When to Apply

Reference these guidelines when:

  • Writing new Vue 3 components using Naive UI
  • Implementing forms and data validation
  • Handling large datasets with virtual scrolling (DataTable, Tree, Select)
  • Customizing application themes and dark mode
  • Troubleshooting Naive UI usage issues and styling conflicts

Rule Categories by Priority

PriorityCategoryImpactPrefix
1Core ConfigurationCRITICALcore-
2Form & Data InputCRITICALcomponent-
3Complex Data DisplayHIGHcomponent-
4Feedback & OverlayHIGHcomponent-
5Layout & NavigationMEDIUMcomponent-
6Basic Data DisplayMEDIUMcomponent-
7Advanced CustomizationLOW-MEDIUMcore-
8Ecosystem & TroubleshootingLOWcore-

Quick Reference

1. Core Configuration (CRITICAL)

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/sepush/naive-ui-skills
Category
Frontend Development
First seen
Jun 3, 2026

Recommended

More Frontend Development
1harlan-zw avatarquasar-skilldharlan-zw/vue-ecosystem-skillsquasar skilld227skills.sh installs
2vercel avatarnext-cache-componentsvercel/next.jsnext cache components181skills.sh installs
3harlan-zw avatarvuetify-skilldharlan-zw/vue-ecosystem-skillsvuetify skilld155skills.sh installs
4inference-sh avatarremotion-renderinference-sh/skillsRender videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, 1.6Mskills.sh installs
5designed-by-ai avatardesign-mobile-appsdesigned-by-ai/skillsDesign mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.1.3Mskills.sh installs
6heygen-com avatarhyperframes-registryheygen-com/hyperframesInstall, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing on1.2Mskills.sh installs