·nuxt-ui

使用 @nuxt/ui v4 建立 UI — 125 多個具有 Tailwind CSS 主題的可存取 Vue 元件。在建立介面、自訂主題以符合品牌、建立表單或編寫儀表板、文件網站和聊天介面等佈局時使用。

9安裝·5熱度·@ralphcrisostomo

安裝

$npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill nuxt-ui

如何安裝 nuxt-ui

透過命令列快速安裝 nuxt-ui AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill nuxt-ui
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:ralphcrisostomo/nuxt-development-skills。

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 元件。在建立介面、自訂主題以符合品牌、建立表單或編寫儀表板、文件網站和聊天介面等佈局時使用。 來源:ralphcrisostomo/nuxt-development-skills。

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill nuxt-ui
分類
*創意媒體
認證
收錄時間
2026-03-10
更新時間
2026-03-10

Browse more skills from ralphcrisostomo/nuxt-development-skills

快速解答

什麼是 nuxt-ui?

使用 @nuxt/ui v4 建立 UI — 125 多個具有 Tailwind CSS 主題的可存取 Vue 元件。在建立介面、自訂主題以符合品牌、建立表單或編寫儀表板、文件網站和聊天介面等佈局時使用。 來源:ralphcrisostomo/nuxt-development-skills。

如何安裝 nuxt-ui?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill nuxt-ui 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/ralphcrisostomo/nuxt-development-skills

詳情

分類
*創意媒體
來源
skills.sh
收錄時間
2026-03-10