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