![\"Nuxt](\"https://raw.githubusercontent.com/onmax/nuxt-skills/main/.github/nuxt-skills.webp\")
\n \n Design inspired by HugoRCD's work\n
\n \n
\n Design inspired by HugoRCD's work\n
Vue, Nuxt, and NuxtHub skills for AI coding assistants.
\n\n\n ![\"Claude](\"https://raw.githubusercontent.com/onmax/nuxt-skills/main/.github/badge-claude-code.svg\"){kind=icon}
\n ![\"GitHub](\"https://raw.githubusercontent.com/onmax/nuxt-skills/main/.github/badge-copilot.svg\"){kind=icon}
\n ![\"OpenAI](\"https://raw.githubusercontent.com/onmax/nuxt-skills/main/.github/badge-codex.svg\"){kind=icon}
\n ![\"Google](\"https://raw.githubusercontent.com/onmax/nuxt-skills/main/.github/badge-gemini.svg\"){kind=icon}
\n ![\"OpenCode\"](\"https://raw.githubusercontent.com/onmax/nuxt-skills/main/.github/badge-opencode.svg\"){kind=icon}
\n
\n \n š Related Nuxt RFC: Bundling Agent Skills in Nuxt Modules\n \n
\n\n## Installation\n\n```bash\nnpx skills add onmax/nuxt-skills\n```\n\nThe [`skills`](https://www.npmjs.com/package/skills) CLI auto-detects your installed agents and provides an interactive picker. Use `-g` for global (user-wide) or `-y` to install all skills.\n\nWorks with Claude Code, Cursor, Codex, OpenCode, GitHub Copilot, Antigravity, Roo Code, and more.\n\n### Claude Code Marketplace\n\nAn alternative for Claude Code users:\n\n```bash\n# Add marketplace\n/plugin marketplace add onmax/nuxt-skills\n\n# Install Nuxt Skills\n/plugin install nuxt-skills@nuxt-skills\n```\n\nClaude Code installs Nuxt Skills as one plugin and dynamically discovers all included skill entries.\n\n### Manual Installation\n\nClone the repository and copy skill folders to your agent's skills directory:\n\n| Agent | Project path | Global path |\n| ----------- | ------------------ | --------------------------- |\n| Claude Code | `.claude/skills/` | `~/.claude/skills/` |\n| Cursor | `.cursor/skills/` | `~/.cursor/skills/` |\n| Codex | `.codex/skills/` | `~/.codex/skills/` |\n| OpenCode | `.opencode/skill/` | `~/.config/opencode/skill/` |\n| Copilot | `.github/skills/` | ā |\n\n## Skills\n\n| Skill | Description |\n| ----------------------------- | --------------------------------------------------------------------------------------- |\n| **vue** | Vue 3 Composition API, components, composables, testing |\n| **nuxt** | Nuxt 4+ server routes, routing, middleware, config |\n| **nuxt-modules** | Creating Nuxt modules with defineNuxtModule, Kit utilities, testing |\n| **nuxthub** | NuxtHub v0.10 database, KV, blob, cache, multi-cloud |\n| **nuxt-content** | Nuxt Content collections, schemas, queries, navigation, search, MDC, and deployment |\n| **nuxt-studio** | Nuxt Studio setup, auth, visual editing, drafts, media, AI, and Git publishing |\n| **nuxt-ui** | Nuxt UI v4 components, theming, forms, overlays, composables |\n| **nuxt-i18n** | Nuxt I18n locales, messages, routing, language switching, fallbacks, and locale SEO |\n| **reka-ui** | Reka UI headless Vue components, accessible primitives, props/emits/slots |\n| **document-writer** | Writing documentation for Nuxt ecosystem - MDC, style, structure, code examples |\n| **ts-library** | TypeScript library authoring - exports, tsdown, API patterns, type tricks, CI |\n| **motion** | Motion Vue animations - motion component, composables, scroll, gestures |\n| **nuxt-seo** | Nuxt SEO meta-module - robots, sitemap, og-image, schema-org, site config |\n| **vitest** | Vitest testing - test API, mocking, coverage, type testing, environments |\n| **vite** | Vite build tool - config, plugins, HMR, SSR, library mode, performance |\n| **pnpm** | pnpm package manager - workspaces, catalogs, CLI commands, CI/CD |\n| **tsdown** | tsdown bundler - TypeScript libraries, DTS generation, package validation |\n| **tresjs** | TresJS 3D framework - TresCanvas, Cientos helpers, post-processing effects |\n| **writing-web-documentation** | Write and review developer docs - page types, house style, templates, web-project rules |\n\n## How Skills Work\n\nSkills follow the [Agent Skills](https://agentskills.io) open format. They can be activated in two ways:\n\n1. **Auto-discovery** ā The agent reads each skill's `description` and loads it when relevant to your task\n2. **Manual invocation** ā Type `/skill-name` (e.g., `/nuxt`) to explicitly load a skill\n\n| You're working on... | Agent may auto-load... |\n| -------------------- | ---------------------- |\n| `.vue` file | `vue` skill |\n| `server/api/` route | `nuxt` skill |\n| `nuxt.config.ts` | `nuxt` skill |\n| NuxtHub storage | `nuxthub` skill |\n\n## Structure\n\nFollows [agentskills](https://github.com/agentskills/agentskills) standard format.\n\n```\nnuxt-skills/\nāāā skills/ # Skills (agentskills format)\nā āāā vue/\nā ā āāā SKILL.md # Entry point with frontmatter\nā ā āāā references/ # Sub-files loaded on-demand\nā āāā nuxt/\nā āāā nuxt-modules/\nā āāā nuxthub/\nā āāā nuxt-content/\nā āāā nuxt-studio/\nā āāā nuxt-ui/\nā āāā nuxt-i18n/\nā āāā reka-ui/\nā āāā document-writer/\nā āāā ts-library/\nā āāā motion/\nā āāā nuxt-seo/\nā āāā vitest/\nā āāā vite/\nā āāā pnpm/\nā āāā tsdown/\nā āāā tresjs/\nā āāā writing-web-documentation/\nāāā .claude-plugin/\n āāā plugin.json # Claude Code plugin manifest\n āāā marketplace.json # Claude Code marketplace\n```\n\n## Automated Maintenance\n\nSkills are kept up-to-date via GitHub Actions:\n\n| Workflow | Schedule | Purpose |\n| ------------------------- | --------------------- | ------------------------------------------------------------------ |\n| **update-skills.yml** | Weekly (Monday) | Regenerates reka-ui and nuxt-ui docs from upstream |\n| **skill-maintenance.yml** | Biweekly (1st & 15th) | Claude analyzes upstream changelogs, creates PRs if updates needed |\n\nThe maintenance workflow uses [claude-code-action](https://github.com/anthropics/claude-code-action) to intelligently detect breaking changes, new features, and deprecations from upstream sources.\n\n## Resources\n\nVueUse maintains its own current skill, so install it directly with `npx skills add vueuse/skills` instead of relying on a generated copy here.\n\n- [Agent Skills Spec](https://agentskills.io) - Open format for extending AI agent capabilities\n- [Claude Code Skills](https://code.claude.com/docs/en/skills) - Skills in Claude Code\n- [VS Code Agent Skills](https://code.visualstudio.com/docs/copilot/customization/agent-skills) - GitHub Copilot skills in VS Code\n- [GitHub Agent Skills Docs](https://docs.github.com/en/copilot/concepts/agents/about-agent-skills) - About agent skills\n- [OpenCode Skills](https://opencode.ai/docs/skills/) - Agent skills in OpenCode\n- [awesome-copilot](https://github.com/github/awesome-copilot) - Community collection of custom agents and prompts\n\n## Acknowledgments\n\n- **vue** skill gotchas from [vuejs-ai/skills](https://github.com/vuejs-ai/skills) vue-best-practices (200+ rules)\n- **vitest**, **vite**, **pnpm**, **tsdown** skills from [@antfu](https://github.com/antfu)'s [skills](https://github.com/antfu/skills)\n\n## License\n\nMIT\n", "bytes": 8373, "sha": "d7e9ee0b31896059c5e5bf40c5fcdb3a6f8801687c49aba78e43b9c4e609e8a5", "repo_slug": "onmax/nuxt-skills", "fonte": "repo", "truncated": false, "api": "https://agentalog.com/api/listings/skl_onmax_nuxt_skills_nuxt_ui_41d4d549/readme" }