·nuxt-ui

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.

9Installs·5Trend·@ralphcrisostomo

Installation

$npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill nuxt-ui

How to Install nuxt-ui

Quickly install nuxt-ui AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill nuxt-ui
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: ralphcrisostomo/nuxt-development-skills.

SKILL.md

View raw

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).

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces. Source: ralphcrisostomo/nuxt-development-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill nuxt-ui
Category
*Creative Media
Verified
First Seen
2026-03-10
Updated
2026-03-10

Browse more skills from ralphcrisostomo/nuxt-development-skills

Quick answers

What is nuxt-ui?

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces. Source: ralphcrisostomo/nuxt-development-skills.

How do I install nuxt-ui?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill nuxt-ui Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/ralphcrisostomo/nuxt-development-skills

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-03-10