Development
Plugin
nuxt-skills
Vue, Nuxt, and NuxtHub skills for AI coding assistants.
Plugin Signal76/100Solid
maintained93
capable64
documented75
adopted61
Install on Claude Code
> /plugin marketplace add onmax/nuxt-skills> /plugin install nuxt-skills@nuxt-skills
Stats
697
Stars
35
Forks
Active
Maintenance
TypeScript
Language
14d ago
Last commit
8mo ago
Created
Repo: onmax/nuxt-skills
What's inside
Skills
21/document-writerUse when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC component usage. Overrides brevity rules for proper grammar. Use nuxt-content for MDC syntax, nuxt-ui for component props./motionUse when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt/nuxt-better-authUse when implementing auth in Nuxt apps with @onmax/nuxt-better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration./nuxt-contentBuild typed, content-driven Nuxt applications with @nuxt/content. Use when working with content.config.ts, collections, queryCollection, Markdown or MDC rendering, content databases, hooks, custom sources, search, or Content v2 migrations./nuxt-i18nInternationalize Nuxt applications with @nuxtjs/i18n. Use when configuring locales or browser detection, translating messages or routes, building locale switchers, handling fallbacks, lazy-loading messages, or adding locale SEO./nuxt-modulesUse when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6)
Show all 21 skillsShow fewer
/nuxt-seoNuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data./nuxt-studioConfigure and operate the self-hosted Nuxt Studio editor for Nuxt Content. Use when working with nuxt-studio installation, editor customization, OAuth or custom authentication, media, drafts, Git publishing, or production deployment./nuxt-uiUse when building styled UI with @nuxt/ui v4 components - create forms with validation, implement data tables with sorting, build modal dialogs and overlays, configure Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives./nuxtNuxt application development and maintenance. Use for project structure, pages and routing, data fetching, SSR-safe state, middleware, plugins, server routes, runtime config, route rules, layers, built-in components, hydration, upgrades, and testing./nuxthubUse when building NuxtHub v0.10.6 applications - provides database (Drizzle ORM with sqlite/postgresql/mysql), KV storage, blob storage, and cache APIs. Covers configuration, schema definition, migrations, multi-cloud deployment (Cloudflare, Vercel), and the new hub:db, hub:kv,/phaser-best-practicesBuilds and refactors Phaser 3 browser games. Use for creating a new Phaser project, adding scenes, entities, physics, UI, tilemaps, animations, input, audio, camera, or for fixing Phaser-specific bugs and performance problems./pnpmUse when managing Node.js dependencies with pnpm - install packages, configure monorepo workspaces, set up pnpm catalogs, resolve dependency conflicts with overrides, patch third-party packages, and configure CI pipelines for pnpm projects/reka-uiUse when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue./tresjsUse when building 3D scenes with TresJS (Vue Three.js) - provides TresCanvas, composables (useTres, useLoop), Cientos helpers (OrbitControls, useGLTF, Environment), and post-processing effects/ts-libraryUse when authoring TypeScript libraries or npm packages - covers project setup, package.json exports, build tooling (tsdown/unbuild), API design patterns, type inference tricks, testing, and publishing to npm. Use when bundling, configuring dual CJS/ESM output, or setting up/tsdownUse when bundling TypeScript libraries - provides tsdown configuration, dual ESM/CJS output, .d.ts generation, package validation, and plugin authoring/viteVite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite./vitestUse when writing unit/integration tests for Vite projects - configure vitest.config.ts, write test suites with describe/it, create mock implementations with vi.fn and vi.mock, set up code coverage thresholds, and run tests in parallel/vueUse when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance/writing-web-documentationWrite, rewrite, review, and organize developer-facing documentation for web software projects. Use when creating or improving README files, docs homepages, quickstarts, tutorials, how-to guides, API/reference pages, conceptual explanations, migration guides, or troubleshooting
README
1[!WARNING] This repo may be replaced by nuxt-skill.onmax.me. Stay tuned.
[!TIP] Debug Vite issues with Vite Doctor.
Installation
npx skills add onmax/nuxt-skills
The skills CLI auto-detects your installed agents and provides an interactive picker. Use -g for global (user-wide) or -y to install all skills.
Works with Claude Code, Cursor, Codex, OpenCode, GitHub Copilot, Antigravity, Roo Code, and more.
Claude Code Marketplace
An alternative for Claude Code users:
# Add marketplace
/plugin marketplace add onmax/nuxt-skills
# Install Nuxt Skills
/plugin install nuxt-skills@nuxt-skills
Claude Code installs Nuxt Skills as one plugin and dynamically discovers all included skill entries.
Manual Installation
Clone the repository and copy skill folders to your agent's skills directory:
| Agent | Project path | Global path |
|---|---|---|
| Claude Code | .claude/skills/ | ~/.claude/skills/ |
| Cursor | .cursor/skills/ | ~/.cursor/skills/ |
| Codex | .codex/skills/ | ~/.codex/skills/ |
| OpenCode | .opencode/skill/ | ~/.config/opencode/skill/ |
| Copilot | .github/skills/ | — |
Skills
| Skill | Description |
|---|---|
| vue | Vue 3 Composition API, components, composables, testing |
| nuxt | Nuxt 4+ server routes, routing, middleware, config |
| nuxt-modules | Creating Nuxt modules with defineNuxtModule, Kit utilities, testing |
| nuxthub | NuxtHub v0.10 database, KV, blob, cache, multi-cloud |
| nuxt-content | Nuxt Content collections, schemas, queries, navigation, search, MDC, and deployment |
| nuxt-studio | Nuxt Studio setup, auth, visual editing, drafts, media, AI, and Git publishing |
| nuxt-ui | Nuxt UI v4 components, theming, forms, overlays, composables |
| nuxt-i18n | Nuxt I18n locales, messages, routing, language switching, fallbacks, and locale SEO |
| nuxt-better-auth | Auth with @onmax/nuxt-better-auth, useUserSession, route protection, clientOnly |
| reka-ui | Reka UI headless Vue components, accessible primitives, props/emits/slots |
| document-writer | Writing documentation for Nuxt ecosystem - MDC, style, structure, code examples |
| ts-library | TypeScript library authoring - exports, tsdown, API patterns, type tricks, CI |
| motion | Motion Vue animations - motion component, composables, scroll, gestures |
| nuxt-seo | Nuxt SEO meta-module - robots, sitemap, og-image, schema-org, site config |
| vitest | Vitest testing - test API, mocking, coverage, type testing, environments |
| vite | Vite build tool - config, plugins, HMR, SSR, library mode, performance |
| pnpm | pnpm package manager - workspaces, catalogs, CLI commands, CI/CD |
| tsdown | tsdown bundler - TypeScript libraries, DTS generation, package validation |
| tresjs | TresJS 3D framework - TresCanvas, Cientos helpers, post-processing effects |
| writing-web-documentation | Write and review developer docs - page types, house style, templates, web-project rules |
How Skills Work
Skills follow the Agent Skills open format. They can be activated in two ways:
- Auto-discovery — The agent reads each skill's
descriptionand loads it when relevant to your task - Manual invocation — Type
/skill-name(e.g.,/nuxt) to explicitly load a skill
| You're working on... | Agent may auto-load... |
|---|---|
.vue file | vue skill |
server/api/ route | nuxt skill |
nuxt.config.ts | nuxt skill |
| NuxtHub storage | nuxthub skill |
| Auth/login/session | nuxt-better-auth |
Structure
Follows agentskills standard format.
nuxt-skills/
├── skills/ # Skills (agentskills format)
│ ├── vue/
│ │ ├── SKILL.md # Entry point with frontmatter
│ │ └── references/ # Sub-files loaded on-demand
│ ├── nuxt/
│ ├── nuxt-modules/
│ ├── nuxthub/
│ ├── nuxt-content/
│ ├── nuxt-studio/
│ ├── nuxt-ui/
│ ├── nuxt-i18n/
│ ├── nuxt-better-auth/
│ ├── reka-ui/
│ ├── document-writer/
│ ├── ts-library/
│ ├── motion/
│ ├── nuxt-seo/
│ ├── vitest/
│ ├── vite/
│ ├── pnpm/
│ ├── tsdown/
│ ├── tresjs/
│ └── writing-web-documentation/
└── .claude-plugin/
├── plugin.json # Claude Code plugin manifest
└── marketplace.json # Claude Code marketplace
Automated Maintenance
Skills are kept up-to-date via GitHub Actions:
| Workflow | Schedule | Purpose |
|---|---|---|
| update-skills.yml | Weekly (Monday) | Regenerates reka-ui and nuxt-ui docs from upstream |
| skill-maintenance.yml | Biweekly (1st & 15th) | Claude analyzes upstream changelogs, creates PRs if updates needed |
The maintenance workflow uses claude-code-action to intelligently detect breaking changes, new features, and deprecations from upstream sources.
Resources
VueUse maintains its own current skill, so install it directly with npx skills add vueuse/skills instead of relying on a generated copy here.
- Agent Skills Spec - Open format for extending AI agent capabilities
- Claude Code Skills - Skills in Claude Code
- VS Code Agent Skills - GitHub Copilot skills in VS Code
- GitHub Agent Skills Docs - About agent skills
- OpenCode Skills - Agent skills in OpenCode
- awesome-copilot - Community collection of custom agents and prompts
Acknowledgments
- vue skill gotchas from vuejs-ai/skills vue-best-practices (200+ rules)
- vitest, vite, pnpm, tsdown skills from @antfu's skills
License
MIT
File tree
338onmax/nuxt-skillsView on GitHub
.claude-plugin/
marketplace.json
plugin.json
.github/
badge-claude-code.svg
badge-codex.svg
badge-copilot.svg
badge-gemini.svg
badge-opencode.svg
nuxt-skills.webp
workflows/
ci.yml
skill-maintenance.yml
update-skills.yml
.gitignore
CLAUDE.md
eslint.config.mjs
package.json
pnpm-lock.yaml
README.md
skills/
document-writer/
references/
content-patterns.md
writing-style.md
SKILL.md
motion/
references/
components.md
composables.md
examples.md
SKILL.md
nuxt/
nuxt-better-auth/
references/
client-auth.md
client-only.md
database.md
installation.md
plugins.md
route-protection.md
server-auth.md
types.md
SKILL.md
nuxt-content/
references/
advanced.md
collections.md
config.md
querying.md
rendering.md
SKILL.md
nuxt-i18n/
references/
configuration.md
messages.md
routing.md
SKILL.md
nuxt-modules/
references/
ci-workflows.md
development.md
testing-and-publishing.md
SKILL.md
nuxt-seo/
references/
crawlability.md
og-image.md
schema-org.md
site-config.md
utilities.md
SKILL.md
nuxt-studio/
references/
configuration.md
deployment.md
live-editing.md
SKILL.md
nuxt-ui/
components/
accordion.md
alert.md
app.md
auth-form.md
avatar-group.md
avatar.md
badge.md
banner.md
blog-post.md
blog-posts.md
breadcrumb.md
button.md
calendar.md
card.md
carousel.md
changelog-version.md
changelog-versions.md
chat-message.md
chat-messages.md
chat-palette.md
chat-prompt-submit.md
chat-prompt.md
checkbox-group.md
checkbox.md
chip.md
collapsible.md
color-mode-avatar.md
color-mode-button.md
color-mode-image.md
color-mode-select.md
color-mode-switch.md
color-picker.md
command-palette.md
container.md
content-navigation.md
content-search-button.md
content-search.md
content-surround.md
content-toc.md
context-menu.md
dashboard-group.md
dashboard-navbar.md
dashboard-panel.md
dashboard-resize-handle.md
dashboard-search-button.md
dashboard-search.md
dashboard-sidebar-collapse.md
dashboard-sidebar-toggle.md
dashboard-sidebar.md
dashboard-toolbar.md
drawer.md
dropdown-menu.md
editor-drag-handle.md
editor-emoji-menu.md
editor-mention-menu.md
editor-suggestion-menu.md
editor-toolbar.md
editor.md
empty.md
error.md
field-group.md
file-upload.md
footer-columns.md
footer.md
form-field.md
form.md
header.md
icon.md
input-date.md
input-menu.md
input-number.md
input-tags.md
input-time.md
input.md
kbd.md
link.md
locale-select.md
main.md
marquee.md
modal.md
navigation-menu.md
page-anchors.md
page-aside.md
page-body.md
page-card.md
page-columns.md
page-cta.md
page-feature.md
page-grid.md
page-header.md
page-hero.md
page-links.md
page-list.md
page-logos.md
page-section.md
page.md
pagination.md
pin-input.md
popover.md
pricing-plan.md
pricing-plans.md
pricing-table.md
progress.md
radio-group.md
scroll-area.md
select-menu.md
select.md
separator.md
skeleton.md
slideover.md
slider.md
stepper.md
switch.md
table.md
tabs.md
textarea.md
timeline.md
toast.md
tooltip.md
tree.md
user.md
references/
components.md
composables.md
forms.md
installation.md
overlays.md
theming.md
scripts/
generate-components.ts
SKILL.md
references/
middleware-plugins.md
nuxt-components.md
nuxt-composables.md
nuxt-config.md
project-setup.md
routing.md
server.md
SKILL.md
nuxthub/
references/
providers.md
wrangler-templates.md
SKILL.md
phaser-best-practices/
references/
assets-animation-ui.md
performance-debugging.md
physics-and-entities.md
review-checklist.md
scenes-state-architecture.md
setup-and-build.md
tilemaps-camera-input-audio.md
SKILL.md
pnpm/
references/
ci.md
cli.md
features.md
workspaces.md
SKILL.md
reka-ui/
components/
components.md
accordion.md
alert-dialog.md
aspect-ratio.md
avatar.md
calendar.md
checkbox.md
collapsible.md
combobox.md
config-provider.md
context-menu.md
date-field.md
date-picker.md
date-range-field.md
date-range-picker.md
dialog.md
dropdown-menu.md
editable.md
focus-scope.md
hover-card.md
label.md
listbox.md
menubar.md
navigation-menu.md
number-field.md
pagination.md
pin-input.md
popover.md
presence.md
primitive.md
progress.md
radio-group.md
range-calendar.md
rating.md
scroll-area.md
select.md
separator.md
slider.md
splitter.md
stepper.md
switch.md
tabs.md
tags-input.md
time-field.md
toast.md
toggle-group.md
toggle.md
toolbar.md
tooltip.md
tree.md
visually-hidden.md
references/
components.md
scripts/
generate-components.ts
SKILL.md
tresjs/
references/
cientos.md
cookbook.md
core.md
effects.md
SKILL.md
ts-library/
build/
tooling.md
patterns/
api.md
types.md
references/
api-design.md
build-tooling.md
ci-workflows.md
eslint-config.md
package-exports.md
project-setup.md
release.md
testing.md
type-patterns.md
typescript-config.md
setup/
exports.md
project.md
tsconfig.md
SKILL.md
workflows/
ci.md
release.md
testing.md
tsdown/
references/
advanced.md
config.md
features.md
output.md
SKILL.md
versions.json
vite/
references/
build-and-ssr.md
core-config.md
core-features.md
core-plugin-api.md
environment-api.md
rolldown-migration.md
SKILL.md
vitest/
references/
advanced.md
config.md
mocking.md
test-api.md
utilities.md
SKILL.md
vue/
references/
components.md
composables.md
directives.md
gotchas.md
provide-inject.md
reactivity.md
router.md
testing.md
typescript.md
utils-client.md
SKILL.md
writing-web-documentation/
assets/
docs-home-template.md
docs-ia-template.md
documentation-brief-template.md
explanation-template.md
how-to-template.md
migration-guide-template.md
quickstart-template.md
readme-template.md
reference-template.md
review-checklist.md
troubleshooting-template.md
tutorial-template.md
references/
house-style.md
research-notes.md
web-project-rules.md
SKILL.md
sync-skills.sh
tsconfig.json
versions.jsonFAQ
nuxt-skills is a Claude Code plugin with 21 hand-picked skills for development work, indexed on Flowy. Install it with the command on its page. It includes document-writer, motion, nuxt-better-auth. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is nuxt-skills?
- Vue, Nuxt, and NuxtHub skills for AI coding assistants.
- How do I install nuxt-skills?
- Run these in Claude Code: /plugin marketplace add onmax/nuxt-skills then /plugin install nuxt-skills@nuxt-skills. Then prompt normally.
- Does nuxt-skills auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is nuxt-skills free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.