skills.rest
Tinkerbells
TinkerbellsCOMMUNITY
Explore all skills by this author →
GitHub

nuxt-ui

Provide a cohesive Vue UI toolkit for accessible, themed interfaces.

1|Updated Jan 10, 2026
Search Tags:#ui#accessibility#vue#tailwind#nuxt#component-library
One-click install
npx skills add https://github.com/Tinkerbells/atlas --skill nuxt-ui-tinkerbells
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-ui
Source: https://github.com/Tinkerbells/atlas/tree/main/apps/shell/nuxt-ui/skills/nuxt-ui
Command: npx skills add https://github.com/Tinkerbells/atlas --skill nuxt-ui-tinkerbells

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt UI provides a cohesive Vue UI toolkit for building accessible, themed interfaces quickly, reducing boilerplate and UI inconsistencies across projects.

Core Features & Use Cases

  • 125+ accessible Vue components with Tailwind-based theming for dashboards, docs, chat, and forms
  • Works with Nuxt, Vue (Vite), Laravel (Vite + Inertia), and AdonisJS (Vite + Inertia)
  • Layouts and components for common app structures (dashboards, docs sites, marketing pages)

Quick Start

Install Nuxt UI in your project and wrap your app in UApp to access the component library.

Frequently Asked Questions about nuxt-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build accessible Vue interfaces with Nuxt UI?▼

Build accessible Vue interfaces by installing Nuxt UI and wrapping your application in the UApp component to access over 125 themed Vue components for dashboards, docs, and forms.

Can I use Nuxt UI components with Laravel or AdonisJS?▼

Yes, Nuxt UI works with Vue via Vite, Laravel using Vite and Inertia, and AdonisJS using Vite and Inertia to render consistent components across different frameworks.

What is the best way to theme a Vue component library using Tailwind?▼

Nuxt UI provides a cohesive Vue UI toolkit that applies Tailwind-based theming and semantic-color rules, reducing UI inconsistencies and boilerplate across your project components.

Do I need a specific project structure to use Nuxt UI for dashboards and docs?▼

You need a Skill unit with a SKILL.md frontmatter defining a name and description, alongside optional references, scripts, or assets directories to build dashboards and docs properly.

Why does my Vue UI toolkit have inconsistent component styling across projects?▼

Inconsistent styling occurs without a cohesive toolkit; Nuxt UI solves this by providing 125+ accessible Vue components with Tailwind-based theming to ensure visual consistency.

What layouts does Nuxt UI provide for common application structures?▼

Nuxt UI provides pre-built layouts and accessible components for common app structures including dashboards, documentation sites, chat interfaces, forms, and marketing pages.

Related Skills

Explore More Software Engineering Skills→
daveiodaveio

tailwind-theme-builder

Configure Tailwind v4 and shadcn/ui theming with CSS variables and dark mode.

Community
Advanced
seb1nseb1n
147

Frontend Design

Generate responsive HTML, CSS, and React, Vue, or Svelte components with WCAG accessibility and dark mode.

Community
Advanced
bejranondabejranonda
27

web-artifacts-builder

Build React applications with TypeScript, Tailwind CSS, and shadcn/ui.

Community
Intermediate
OmarHosamCodesOmarHosamCodes
1

nuxt-ui

Provide 125+ accessible Vue UI components with Tailwind theming for Nuxt apps.

Community
Advanced