nuxt-ui
✓@nuxt/ui v4 コンポーネント (ボタン、モーダル、フォーム、テーブルなど) を使用してスタイル付き UI を構築する場合に使用します。Tailwind Variants テーマを備えたすぐに使用できるコンポーネントを提供します。生のコンポーネント パターンには vue スキルを使用し、ヘッドレス プリミティブには reka-ui を使用します。
SKILL.md
Component library for Vue 3 and Nuxt 4+ built on Reka UI (headless) + Tailwind CSS v4 + Tailwind Variants.
For Vue component patterns: use vue skill For Nuxt routing/server: use nuxt skill
| references/installation.md | Nuxt/Vue setup, pnpm gotchas, UApp wrapper, module options, prefix, tree-shaking | | references/theming.md | Semantic colors, CSS variables, app.config.ts, Tailwind Variants | | references/components.md | Component index by category (125+ components) | | components/\.md | Per-component details (button.md, modal.md, etc.) |
@nuxt/ui v4 コンポーネント (ボタン、モーダル、フォーム、テーブルなど) を使用してスタイル付き UI を構築する場合に使用します。Tailwind Variants テーマを備えたすぐに使用できるコンポーネントを提供します。生のコンポーネント パターンには vue スキルを使用し、ヘッドレス プリミティブには reka-ui を使用します。 ソース: nuxt-content/nuxt-studio。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/nuxt-content/nuxt-studio --skill nuxt-ui- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
nuxt-ui とは？
@nuxt/ui v4 コンポーネント (ボタン、モーダル、フォーム、テーブルなど) を使用してスタイル付き UI を構築する場合に使用します。Tailwind Variants テーマを備えたすぐに使用できるコンポーネントを提供します。生のコンポーネント パターンには vue スキルを使用し、ヘッドレス プリミティブには reka-ui を使用します。 ソース: nuxt-content/nuxt-studio。
nuxt-ui のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/nuxt-content/nuxt-studio --skill nuxt-ui インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/nuxt-content/nuxt-studio
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01