nuxt-ui とは?
@nuxt/ui v4 コンポーネント (ボタン、モーダル、フォーム、テーブルなど) を使用してスタイル付き UI を構築する場合に使用します。Tailwind Variants テーマを備えたすぐに使用できるコンポーネントを提供します。生のコンポーネント パターンには vue スキルを使用し、ヘッドレス プリミティブには reka-ui を使用します。 ソース: aatrooox/blog.zzao.club。
@nuxt/ui v4 コンポーネント (ボタン、モーダル、フォーム、テーブルなど) を使用してスタイル付き UI を構築する場合に使用します。Tailwind Variants テーマを備えたすぐに使用できるコンポーネントを提供します。生のコンポーネント パターンには vue スキルを使用し、ヘッドレス プリミティブには reka-ui を使用します。
コマンドラインで nuxt-ui AI スキルを開発環境にすばやくインストール
ソース: aatrooox/blog.zzao.club。
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 を使用します。 ソース: aatrooox/blog.zzao.club。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/aatrooox/blog.zzao.club --skill nuxt-ui@nuxt/ui v4 コンポーネント (ボタン、モーダル、フォーム、テーブルなど) を使用してスタイル付き UI を構築する場合に使用します。Tailwind Variants テーマを備えたすぐに使用できるコンポーネントを提供します。生のコンポーネント パターンには vue スキルを使用し、ヘッドレス プリミティブには reka-ui を使用します。 ソース: aatrooox/blog.zzao.club。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/aatrooox/blog.zzao.club --skill nuxt-ui インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/aatrooox/blog.zzao.club