npx skills add https://github.com/sepush/naive-ui-skills --skill naive-ui适用于 Naive UI 和 Vue 3 应用程序的使用指南。包含 8 个类别共 33 条规则,按影响优先级排序,以指导自动化重构、组件创建和问题排查。
在以下情况下参考本指南:
| 优先级 | 类别 | 影响 | 前缀 |
|---|---|---|---|
| 1 | 核心配置 | 关键 | core- |
| 2 | 表单与数据输入 | 关键 | component- |
| 3 | 复杂数据显示 | 高 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
component-| 4 | 反馈与遮罩层 | 高 | component- |
| 5 | 布局与导航 | 中 | component- |
| 6 | 基础数据显示 | 中 | component- |
| 7 | 高级自定义 | 中低 | core- |
| 8 | 生态系统与问题排查 | 低 | core- |
core-setup - 自动导入设置、全局配置、提供者core-theme - 主题覆盖、深色模式、CSS 变量、useThemeVarscore-import-on-demand - 按需导入和摇树优化core-nuxtjs - Nuxt.js 集成最佳实践core-ssr - 服务端渲染指南core-style-conflict - 潜在样式冲突解决方案component-form-validation - 验证规则、动态表单、数组字段component-form - 布局、验证、动态字段、嵌套表单component-input - 格式化输入、精度、验证触发component-select - 可过滤、多选、标签、异步搜索、自定义渲染component-datepicker - 日期范围、快捷方式、格式化、时区component-upload - 自定义请求、文件处理、拖拽上传component-datatable - 虚拟滚动、远程数据、排序、过滤、固定列component-tree - 异步加载、可选择、受控状态、大数据集处理component-virtual-list - 虚拟滚动模式component-modal - 表单模态框、可拖拽、焦点管理、异步关闭component-feedback - 编程式 API、全局方法(Message、Notification)component-feedback-alert - Alert、Skeleton、Spin、LoadingBar、Popconfirmcomponent-layout - Layout、Grid、Flex、Space、Card、Dividercomponent-menu - Menu、Dropdown、Breadcrumb、Tabscomponent-navigation-steps - Steps、Timeline、Pagination、Anchor、BackTopcomponent-data-display - Image、List、Descriptions、Calendar、Time、Countdowncomponent-display - Badge、Tag、Avatar、Progress、Statistic、Result、Emptycomponent-button - 按钮变体、加载状态、图标component-selection - Radio、Checkbox、Switch、Slider、Rate、ColorPickercore-customize-theme - 深度自定义主题core-fonts - 配置字体core-i18n - 国际化core-controlled-uncontrolled - 受控模式与非受控模式core-troubleshooting - 常见问题及快速修复core-installation - 安装指南core-jsx - JSX 和 TSX 使用core-umd - 使用 UMD 构建版本core-usage-sfc - 在单文件组件中使用core-vite-ssge - Vite SSG/SSE 集成core-vitepress - Vitepress 集成core-experimental-features - 实验性功能阅读单独的规则文件以获取详细解释和代码示例:
references/core-setup.md
references/component-datatable.md
每个规则文件包含:
获取包含所有规则详情的完整指南:AGENTS.md
每周安装量
73
仓库
GitHub 星标数
5
首次出现
2026年2月22日
安全审计
安装于
kimi-cli72
gemini-cli72
amp72
github-copilot72
codex72
opencode72
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.
Reference these guidelines when:
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | Core Configuration | CRITICAL | core- |
| 2 | Form & Data Input | CRITICAL | component- |
| 3 | Complex Data Display | HIGH | component- |
| 4 | Feedback & Overlay | HIGH | component- |
| 5 | Layout & Navigation | MEDIUM | component- |
| 6 | Basic Data Display | MEDIUM | component- |
| 7 | Advanced Customization | LOW-MEDIUM | core- |
| 8 | Ecosystem & Troubleshooting | LOW | core- |
core-setup - Auto-import setup, global config, providerscore-theme - Theme overrides, dark mode, CSS variables, useThemeVarscore-import-on-demand - Import on demand and tree shakingcore-nuxtjs - Nuxt.js integration best practicescore-ssr - Server-Side Rendering guidelinescore-style-conflict - Potential style conflict resolutioncomponent-form-validation - Validation rules, dynamic forms, array fieldscomponent-form - Layout, validation, dynamic fields, nested formscomponent-input - Formatted input, precision, validation triggerscomponent-select - Filterable, multiple, tags, async search, custom rendercomponent-datepicker - Date ranges, shortcuts, formatting, timezonecomponent-upload - Custom request, file handling, drag dropcomponent-datatable - Virtual scroll, remote data, sorting, filtering, fixed columnscomponent-tree - Async loading, checkable, controlled state, large dataset handlingcomponent-virtual-list - Virtual scrolling patternscomponent-modal - Form modals, draggable, focus management, async closecomponent-feedback - Programmatic API, global methods (Message, Notification)component-feedback-alert - Alert, Skeleton, Spin, LoadingBar, Popconfirmcomponent-layout - Layout, Grid, Flex, Space, Card, Dividercomponent-menu - Menu, Dropdown, Breadcrumb, Tabscomponent-navigation-steps - Steps, Timeline, Pagination, Anchor, BackTopcomponent-data-display - Image, List, Descriptions, Calendar, Time, Countdowncomponent-display - Badge, Tag, Avatar, Progress, Statistic, Result, Emptycomponent-button - Button variants, loading, iconscomponent-selection - Radio, Checkbox, Switch, Slider, Rate, ColorPickercore-customize-theme - Customizing theme extensivelycore-fonts - Configuring fontscore-i18n - Internationalizationcore-controlled-uncontrolled - Controlled manner & uncontrolled mannercore-troubleshooting - Common issues and quick fixescore-installation - Installation guidelinescore-jsx - JSX & TSX usagecore-umd - Using UMD buildcore-usage-sfc - Usage in SFCcore-vite-ssge - Vite SSG/SSE integrationcore-vitepress - Vitepress integrationcore-experimental-features - Experimental featuresRead individual rule files for detailed explanations and code examples:
references/core-setup.md
references/component-datatable.md
Each rule file contains:
For the complete guide with all rules expanded: AGENTS.md
Weekly Installs
73
Repository
GitHub Stars
5
First Seen
Feb 22, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
kimi-cli72
gemini-cli72
amp72
github-copilot72
codex72
opencode72
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
122,000 周安装