nuxt-ui-v4

Nuxt UI v4 是一套完整且适用于生产环境的组件库，专为构建强大的 Nuxt v4 应用程序而设计。它提供超过 125 个可访问组件，充分利用 Tailwind CSS v4 和 Reka UI 的强大功能，以打造高性能且具备良好无障碍体验的界面。此技能专为开发现代仪表板、AI 驱动的聊天界面以及富文本编辑环境的开发人员而设计。它包含专业的组件类别，例如仪表板布局、整合 AI SDK v5 的聊天系统（具备推理和工具调用可视化功能）以及基于 TipTap 的编辑器。该库支持深色模式、高级主题设置，并对 Vite 和 SSR 环境提供一流的支持，是扩展 SaaS、文档系统及 Web 应用程序 UI 开发的关键工具。

• 超过 125 个可访问且可主题化的组件，包含基础 UI 组件以及复杂的布局（如侧边栏、导航栏和命令面板）。

• 原生整合 AI SDK v5，支持流式聊天消息、推理区块、工具执行状态及交互式提示词处理。

• 强大的富文本编辑组件，基于 TipTap 构建，包含拖放操作、提及菜单及斜线指令建议系统。

• 高性能仪表板系统，具备状态管理的侧边栏面板、调整大小控件及搜索导向的导航栏。

• 针对现代 Web 技术栈优化，使用 Tailwind CSS v4、Vue 和 Vite，确保 SSR 和静态网站的零配置兼容性。

• 内建 MCP 整合，提供即时组件数据，并支持自动化 CLI 指令，例如 /nuxt-ui-v4:setup、/nuxt-ui:migrate 及 /nuxt-ui:theme。

• 在初始化 Nuxt v4 项目、将现有界面迁移至设计系统驱动架构，或构建功能丰富的 AI 应用程序时，请使用此技能。

• 通过 Bun 或 npm 即可轻松安装，仅需简单的 nuxt.config.ts 和 CSS 设置即可启用 Tailwind CSS 与全套组件。

• 本库专为 Nuxt v4 定制；不建议用于 React 项目或旧版 Nuxt 3 环境。

• 开发人员可利用预设的 AI Chat、SaaS Dashboard、Landing page 等模板来加速项目开发。

• 输入要求包含标准 Nuxt 环境变量；输出则提供符合现代 Web 无障碍标准的语义化 HTML 与样式化 UI 组件。