nuxt-ui
✓@nuxt/ui v4 を使用して UI を構築する — Tailwind CSS テーマを備えた 125 以上のアクセス可能な 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 を構築する — Tailwind CSS テーマを備えた 125 以上のアクセス可能な 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 を構築する — Tailwind CSS テーマを備えた 125 以上のアクセス可能な Vue コンポーネント。インターフェイスの作成、ブランドに合わせたテーマのカスタマイズ、フォームの構築、またはダッシュボード、ドキュメント サイト、チャット インターフェイスなどのレイアウトの構成を行うときに使用します。 ソース: nuxt/ui。
nuxt-ui のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/nuxt/ui --skill nuxt-ui インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/nuxt/ui