nuxtnuxtOfficialยท1 Agent Skills Included

ui

Build accessible Vue and Nuxt interfaces with 125+ themed components

Builds complete web interfaces using 125+ accessible Vue components styled with Tailwind CSS. Guides your AI agent to pick the right component, apply brand themes, and compose layouts like dashboards, docs sites, and chat apps. Removes guesswork around props, slots, and theming so pages ship faster with consistent design.
npx skills add nuxt/ui --all -g -y
Available:

Gives AI coding agents the project structure, component conventions, theming rules, and step-by-step checklists for creating, testing, and reviewing Nuxt UI components.

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install Nuxt UI?โ–ผ

Run `npx skills add nuxt/ui --all -g -y` in your terminal to install this skill suite globally for your AI agent.

What is Nuxt UI used for?โ–ผ

Nuxt UI is a library of 125+ accessible Vue components built on Tailwind CSS, used to quickly build dashboards, landing pages, docs sites, and chat interfaces.

Does Nuxt UI work with plain Vue, not just Nuxt?โ–ผ

Yes. It works with Nuxt, Vue via Vite, and even Laravel or AdonisJS apps using Vite and Inertia.

Can AI agents use Nuxt UI to build pages?โ–ผ

Yes. The included skill teaches agents which component to pick for each task, plus theming rules and ready-made layout and form recipes.

How do I customize Nuxt UI theme colors?โ–ผ

Use semantic color tokens like text-default and bg-elevated, then override themes globally or per component with the ui prop to match your brand.

Related Repositories in Design & Creative

View All in Design & Creativeโ†’