---
title: "Skills"
description: "Install Nuxt UI skills to give AI coding agents deep knowledge of components, theming, and best practices."
canonical_url: "https://ui.nuxt.com/docs/getting-started/ai/skills"
last_updated: "2026-04-30"
---
# Skills

> Install Nuxt UI skills to give AI coding agents deep knowledge of components, theming, and best practices.

## What are Skills?

Skills are structured knowledge files that give AI coding agents context about a library, framework, or codebase. Unlike MCP servers that provide real-time tool access, skills are loaded directly into the agent's context so it can reference them throughout the conversation.

Nuxt UI provides a **usage skill** that teaches AI agents how to build UIs with Nuxt UI: installation, theming, components, composables, forms, overlays, and layouts.

## Usage

The usage skill gives AI agents comprehensive knowledge about building with Nuxt UI v4. It covers:

- Installation for Nuxt, Vue, Laravel, and AdonisJS
- Theming and branding with semantic colors and CSS variables
- All 125+ components with props and usage patterns
- Composables (`useToast`, `useOverlay`, `defineShortcuts`)
- Form validation with Standard Schema
- Layout composition (Dashboard, Docs, Chat, Editor)
- Official starter templates

The skill includes additional references that the AI agent loads on demand based on the task, keeping responses focused and context-efficient.

> [!NOTE]
> 
> Once installed, you can invoke the skill by typing `/nuxt-ui` in your agent's chat.

### Skills CLI

The [`skills`](https://skills.sh) CLI is the easiest way to install the Nuxt UI skill. It supports 35+ agents including Cursor, Claude Code, Codex, Windsurf, Cline, and more.

```bash
npx skills add nuxt/ui
```

You can target specific agents with the `--agent` flag:

```bash
npx skills add nuxt/ui --agent cursor
npx skills add nuxt/ui --agent claude-code
```

Or install globally so the skill is available across all your projects:

```bash
npx skills add nuxt/ui --global
```

If cloning from GitHub is slow on your network, you can install directly from the website instead:

```bash
npx skills add https://ui.nuxt.com
```

> [!TIP]
> 
> Visit [skills.sh](https://skills.sh) to learn more about the skills ecosystem and browse available skills.

### Cursor

#### Quick Install

Click the button below to install the Nuxt UI skill directly in Cursor:

[Install Skill](cursor://anysphere.cursor-deeplink/install-skill?url=https://github.com/nuxt/ui/tree/v4/skills/nuxt-ui)

#### Manual Setup

1. Open Cursor and go to "Settings" > "Skills"
2. Click "Add skill" and enter the following URL:

```text
https://github.com/nuxt/ui/tree/v4/skills/nuxt-ui
```

### Claude Code

> [!NOTE]
> 
> **Ensure Claude Code is installed.** Visit [Anthropic's documentation](https://docs.anthropic.com/en/docs/claude-code/quickstart) for installation instructions.

Add the skill using the CLI command:

```bash
claude skill add https://github.com/nuxt/ui/tree/v4/skills/nuxt-ui
```

### Other AI Tools

The skill files are publicly available on GitHub. You can reference them directly in any AI tool that supports custom context or instructions:

- **Skill entry point**: [`skills/nuxt-ui/SKILL.md`](https://github.com/nuxt/ui/tree/v4/skills/nuxt-ui/SKILL.md)
- **Full skill directory**: [`skills/nuxt-ui/`](https://github.com/nuxt/ui/tree/v4/skills/nuxt-ui)


## Sitemap

See the full [sitemap](/sitemap.md) for all pages.