Nuxt Skills plugin

A plugin of 30 skills for Vue, Nuxt and NuxtHub for Claude Code, Codex, Cursor and Copilot, with the Nuxt MCP server attached

  • 723 ★ on the repository
  • Last commit
Plugin

Minimal access

Why this level

  • The set consists of instructions for the agent and the MCP configuration only attaches a remote Nuxt reference server.
All reasons and checks

onmax/nuxt-skills

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add plugins/nuxt-skills

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • The set consists of instructions for the agent and the MCP configuration only attaches a remote Nuxt reference server.

This is third-party code. Review the repository files before installing.

What it does

Nuxt Skills bundles thirty skills for the Vue and Nuxt ecosystem in one plugin: `nuxt` itself, `nitro`, `nuxthub`, `nuxt-ui`, `nuxt-content`, `nuxt-i18n`, `nuxt-seo`, `nuxt-better-auth`, `pinia`, `unocss`, `vue`, `vueuse-functions`, `vite`, `vitest`, `reka-ui` and others. Some skills are written by the author by hand, and the rest are pulled from community repositories such as antfu/skills and vuejs-ai/skills, with their provenance recorded in the skill catalog in the README. The agent loads the right skill by its description when you open a `.vue` file or edit a route in `server/api/` or `nuxt.config.ts`. A skill can also be invoked explicitly, for example `/nuxt`. The plugin ships an MCP configuration that connects the remote Nuxt server at `https://nuxt.com/mcp`. The skills are kept current through GitHub Actions. The reka-ui docs update weekly, twice a month Claude reviews dependency changelogs and proposes edits, and a weekly build replaces some local skills with copies from upstream repositories and validates them. Installation goes through `npx skills add onmax/nuxt-skills`, the Claude Code plugin marketplace or Codex.

Who it is for. Developers of Vue and Nuxt apps who have an agent write code against current Nuxt and NuxtHub APIs and do not want it to lean on outdated examples.

Good fit when

  • An agent writes Nuxt server routes and mixes up outdated and current Nitro conventions
  • NuxtHub, Nuxt UI or Nuxt Content are in the project and the agent needs rules for those modules
  • Vue tests have to be written with Vitest following accepted practices rather than the model's memory
  • SEO, internationalization or authentication has to be set up on Nuxt modules without reading the docs by hand
  • An agent has to consult the Nuxt MCP server rather than guess from old articles

Not a fit when

  • The project is neither Vue nor Nuxt: the set targets this ecosystem
  • You need a single skill such as Pinia: it is simpler to install it alone than to burden the agent with thirty descriptions
  • The network is closed: the Nuxt MCP server is remote and the connection will not work without access to it
  • You need certainty about the very latest dependency release: skills update on a schedule and may lag

Example request

Add a server route for an orders list with NuxtHub storage to the Nuxt project and write a Vitest test for it.

Limitations

Some skills came from other repositories, so their content and version are set by the source. The list of sources with pinned commits lives in `ecosystem-skills.json` and in the README skill catalog.

The MCP configuration points to the remote server `https://nuxt.com/mcp` and needs network access to work. The plugin installs into agents that read skills in the Agent Skills format: Claude Code, Cursor, Codex, OpenCode, GitHub Copilot, Roo Code and others.

The README carries an advertisement for a third-party app by the repository's author, unrelated to the plugin itself. Skills update on a schedule in GitHub Actions, so new library versions show up with a delay.

How to disable. In Claude Code run `/plugin uninstall nuxt-skills@nuxt-skills`, in Codex remove the plugin with the Codex command. If installed through `npx skills`, delete the needed folders from the agent's skills directory.

FAQ

How do I install Nuxt Skills in Claude Code?

With `/plugin marketplace add onmax/nuxt-skills`, then `/plugin install nuxt-skills@nuxt-skills`. Or universally: `npx skills add onmax/nuxt-skills`.

How do I install the plugin in Codex?

With `codex plugin marketplace add onmax/nuxt-skills` and `codex plugin add nuxt-skills@nuxt-skills`.

How many skills are in the set?

Thirty: from `nuxt`, `nitro` and `nuxthub` to `pinia`, `unocss`, `vitest` and several for Vue. The full list with sources is in the README skill catalog.

When does the agent load a skill?

By itself, from the skill's description, when you work with a `.vue` file, a `server/api/` route or `nuxt.config.ts`. An explicit call uses a command like `/nuxt`.

What MCP server comes with the plugin?

The remote Nuxt server at `https://nuxt.com/mcp`. The connection is described in `mcp.json` with the streamable-http transport.

Discussion

No questions or reviews yet.

Plugins

145 skill plugins for Claude Code and Codex: Cloudflare, React, Tailwind, Nuxt, APIs, security, testing, installed one by one

PluginExtended access248Repository stars
Official

A skill that points the agent to ready VueUse composables for Vue 3 and Nuxt, with a usage and type reference for each function

SkillMinimal access408Repository stars
Official

Nuxt UI v4 skill: an agent builds Vue and Nuxt interfaces, picks components, sets up the theme and lays out forms and dashboards

SkillExtended access7.1KRepository stars

Thirty-plus skills for Vue, Pinia, Vue Router, Reka UI and VueUse, tied to package versions and rebuilt with each release.

SkillMinimal access184Repository stars
Official

The shadcn-vue skill reads your project settings and teaches an agent to add components, forms and themes of the Vue port of shadcn/ui by its rules

SkillExtended access10.8KRepository stars

A set of skills for Vue 3 development: Composition API practices, router, Pinia, testing, JSX, Options API and debugging

SkillMinimal access3.3KRepository stars

README in short

The README lists installation methods for different agents, a table of paths for manual installation, rules for automatic and explicit invocation and the repository structure. At the bottom is a generated skill catalog with sources and a description of the GitHub Actions workflows.

README badge

Report a problem