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 組件。