nuxt-ui
✓使用 @nuxt/ui v4 建立 UI — 125 多個具有 Tailwind CSS 主題的可存取 Vue 元件。在建立介面、自訂主題以符合品牌、建立表單或編寫儀表板、文件網站和聊天介面等佈局時使用。
SKILL.md
Vue component library built on Reka UI + Tailwind CSS + Tailwind Variants. Works with Nuxt, Vue (Vite), Laravel (Inertia), and AdonisJS (Inertia).
Vue + Inertia: Use ui({ router: 'inertia' }) in vite.config.ts.
Wrapping your app in UApp is required — it provides global config for toasts, tooltips, and programmatic overlays. It also accepts a locale prop for i18n (see composables reference).
使用 @nuxt/ui v4 建立 UI — 125 多個具有 Tailwind CSS 主題的可存取 Vue 元件。在建立介面、自訂主題以符合品牌、建立表單或編寫儀表板、文件網站和聊天介面等佈局時使用。 來源：nuxt/ui。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/nuxt/ui --skill nuxt-ui- 來源
- nuxt/ui
- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-11
- 更新時間
- 2026-02-18
快速解答
什麼是 nuxt-ui？
使用 @nuxt/ui v4 建立 UI — 125 多個具有 Tailwind CSS 主題的可存取 Vue 元件。在建立介面、自訂主題以符合品牌、建立表單或編寫儀表板、文件網站和聊天介面等佈局時使用。 來源：nuxt/ui。
如何安裝 nuxt-ui？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/nuxt/ui --skill nuxt-ui 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/nuxt/ui