·nuxt-ui

@nuxt/ui v4 コンポーネント (ボタン、モーダル、フォーム、テーブルなど) を使用してスタイル付き UI を構築する場合に使用します。Tailwind Variants テーマを備えたすぐに使用できるコンポーネントを提供します。生のコンポーネント パターンには vue スキルを使用し、ヘッドレス プリミティブには reka-ui を使用します。

18インストール·1トレンド·@aatrooox

インストール

$npx skills add https://github.com/aatrooox/blog.zzao.club --skill nuxt-ui

nuxt-ui のインストール方法

コマンドラインで nuxt-ui AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/aatrooox/blog.zzao.club --skill nuxt-ui
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 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
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-22
更新日
2026-03-10

Browse more skills from aatrooox/blog.zzao.club

クイックアンサー

nuxt-ui とは?

@nuxt/ui v4 コンポーネント (ボタン、モーダル、フォーム、テーブルなど) を使用してスタイル付き UI を構築する場合に使用します。Tailwind Variants テーマを備えたすぐに使用できるコンポーネントを提供します。生のコンポーネント パターンには vue スキルを使用し、ヘッドレス プリミティブには reka-ui を使用します。 ソース: aatrooox/blog.zzao.club。

nuxt-ui のインストール方法は?

ターミナルまたはコマンドラインツール(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