onmax/nuxt-skills
18 skills46.4k installs12.1k starsGitHub
Install
npx skills add https://github.com/onmax/nuxt-skillsSkills in this repo
1NuxtThe nuxt skill from onmax/nuxt-skills is a reference-driven agent playbook for Nuxt 4 and newer (documented at 4.3+). Solo builders using Claude Code, Cursor, or Codex get progressive guidance instead of guessing framework edges: when you touch server routes, the agent should load server.md for API endpoints, middleware, Zod validation, WebSockets, and SSE; routing.md for pages, layouts, typed router, and route groups; middleware-plugins.md for guards and app lifecycle; nuxt-composables.md for useFetch, useRequestURL, and navigation; nuxt-components.md for first-party components; and nuxt-config.md for modules, auto-imports, and layers. It explicitly covers h3 v1 and nitropack v2 conventions so full-stack indie SaaS sites do not mix outdated Nuxt 3 snippets with Nuxt 4 behavior. Invoke whenever the repo is a Nuxt 4+ project and the task spans UI, routing, or server colocation.6.5kinstalls2Reka Uireka-ui is a reference skill that maps coding agents to Reka UI’s Vue/Nuxt component library through a maintained markdown catalog. Solo builders shipping dashboards or marketing sites on Nuxt can ask for OTP pin inputs, searchable comboboxes, or slider-based filters and get the correct component name, behavior summary, and file pointer instead of guessing Headless UI equivalents. The index is generated from scripts so additions like tagsInput or alpha date controls stay synchronized with upstream releases when you rerun the generator. It does not replace Reka’s official docs for edge-case APIs, but it compresses discovery time during Build sprints when you need consistent accessible primitives across forms and date pickers. Invoke it whenever layout work needs component selection, variant naming, or file paths inside the nuxt-skills monorepo structure.6.3kinstalls3VueThis Vue skill is a compact pattern guide for Vue 3 components using the Composition API and script setup, aimed at solo builders shipping Nuxt or Vue SPAs who want agents to stop inventing Options API habits or broken reactivity around props. It covers how to declare typed props with defaults via destructuring, when to keep defineProps non-destructured for template-only use, emit typing, defineModel for v-model, and slot shorthand. Naming rules (PascalCase components, consistent file casing, general-before-specific component names) reduce churn in code review. The watch caveat—wrap destructured props in getters—is the kind of footgun that wastes an afternoon if the agent gets it wrong. Use it while implementing screens, design-system atoms, and feature modules during the build phase rather than as a deployment or SEO tool.6.2kinstalls4Nuxt Uinuxt-ui is an agent skill that embeds Nuxt UI component documentation so solo builders shipping Nuxt 3 apps can implement interfaces without constantly context-switching to the docs site. It reads like a structured catalog of components—props, TypeScript-ish type hints, slots, and minimal usage snippets—starting with patterns such as Accordion stacks and Alert callouts built on Reka UI. Install it when your coding agent needs to compose dashboards, marketing pages, or app shells with consistent Tailwind-styled Nuxt UI pieces instead of inventing props from memory. The skill suits intermediate frontend work where you already have a Nuxt project and want faster, accurate component wiring (items arrays, trailing icons, disabled states, custom slots). It is not a full design system workshop or accessibility audit on its own; it accelerates correct API usage during Build. Pair it with your project’s layout and routing skills when scaffolding new views or refactoring legacy Vue markup into Nuxt UI.5.8kinstalls5VueuseVueUse is a Prism-tagged reference skill that teaches solo builders how to apply VueUse composables in Nuxt and Vue 3 frontends. Instead of guessing which helper fits async data, eager evaluation, inject-based computed props, or explicit dependency control, the skill surfaces concise usage snippets and official doc URLs for each API. It suits indie developers shipping dashboards, marketing sites, or SaaS shells who want their coding agent to suggest idiomatic @vueuse/core patterns during Build. Use it when implementing reactive UI state, derived async lookups, or provider/consumer component trees. It does not replace learning Vue fundamentals; it accelerates correct composable choice and reduces back-and-forth with generic chat answers during frontend tasks.2.6kinstalls6VitestThis Vitest skill is procedural reference for solo builders shipping Nuxt or Vite apps who need fast, correct test setup without reading the full docs. It walks through choosing node versus jsdom or happy-dom, tuning environmentOptions, installing jsdom or happy-dom as dev dependencies, and isolating browser-like tests with file-level pragmas or separate project entries. Advanced sections cover authoring a custom Vitest environment with SSR viteEnvironment and global setup teardown, plus TypeScript regression safety through dedicated type test files and expectTypeOf matchers for return types and generics. Use it when your suite fails in CI because DOM globals are missing, when you want faster happy-dom runs, or when you need compile-time guarantees alongside runtime assertions. The content is catalog-style configuration knowledge meant to drop into agent sessions during test hardening rather than a one-click generator.2kinstalls7Nuxt SeoNuxt SEO is an agent skill for solo builders running Nuxt sites who need crawlability without guessing module APIs. It walks through robots.txt generation tied to site.indexable, sitemap sources and exclusions, and fine-grained indexing on routes, pages, and content frontmatter. You learn when to block AI and non-SEO bots to cut server load, how to disallow admin areas, and how to feed dynamic URLs into the sitemap from a server handler. The skill fits builders shipping marketing sites, docs, or content apps on Nuxt who want launch-ready SEO infrastructure in config and composables rather than one-off fixes after Search Console warnings.1.8kinstalls8Nuxt ContentNuxt-content is a progressive integration skill for solo builders shipping content-driven sites and docs on Nuxt 3. It centralizes guidance for Nuxt Content v3: typed collections in content.config.ts, SQL-backed queryCollection APIs, MDC rendering, and optional remote sources such as GitHub or external APIs. The skill points to focused reference docs for collections, querying, rendering, database configuration, hooks, internationalized content, NuxtStudio, and LLM-oriented site metadata via nuxt-llms. It explicitly defers general Nuxt setup to the nuxt skill, prose documentation authoring to document-writer, and deployment concerns to nuxthub. Use it when you are wiring a blog, marketing site, or in-app docs layer where markdown and structured front matter must behave like a typed CMS inside Vue. Advanced complexity reflects v3’s database layer and multi-source collections rather than static markdown folders alone.1.7kinstalls9MotionMotion is an agent skill from the Nuxt skills collection that teaches solo builders how to ship polished interface motion with Motion Vue (motion-v)—the Vue 3 port of Motion (formerly Framer Motion). Use it when you are building a marketing site, dashboard, or mobile web shell and need declarative enter/exit animations, interaction feedback, scroll-linked reveals, or shared layout transitions without guessing APIs. The skill separates good fits (simple motion, gestures, springs) from cases where GSAP timelines, lighter @vueuse/motion, or pure CSS are cheaper. Installation paths cover plain Vue and Nuxt 3 module registration. Documentation is split into load-on-demand reference files for the Motion component, gestures, and composables like useMotionValue so agents do not dump the entire library into context. Intermediate familiarity with Vue 3 composition API and Nuxt modules is assumed.1.7kinstalls10Nuxt ModulesDespite the nuxt-modules slug, the ingested SKILL.md content is CI Workflow Templates for Nuxt-oriented monorepos and module packages: ready-made GitHub Actions you drop into `.github/workflows`. Solo maintainers of open-source Nuxt modules often stall on boring pipeline work—this skill gives you a coherent trio of pipelines. Continuous integration on every push and PR runs install, dev prepare, lint, typecheck, and test so regressions surface before review. Preview publishing wires pkg-pr-new so contributors and you can try npm tarballs from pull requests without manual `npm pack`. Release automation triggers on version tags, depends on CI passing, then uses npm trusted publishing with OIDC permissions and cuts a matching GitHub release. The templates assume pnpm, Node 22, and standard scripts like `dev:prepare`, `prepack`, and `test`, which matches how many Nuxt ecosystem repos are structured. Install this when you are shipping a module, not when you are only browsing Nuxt module APIs—pair it with your repo’s actual package name and registry settings before going live.1.6kinstalls11Document WriterDocument Writer is an onmax Nuxt-skills agent skill for authoring blog posts and documentation markdown in the Nuxt ecosystem. It activates when you create or edit content pages and forces a higher writing bar than generic coding agents: active voice, present tense, grammatically complete sentences, and no sacrificed grammar for brevity. The skill points to companion skills for MDC syntax via nuxt-content and UI patterns via nuxt-ui, so prose stays consistent with official Nuxt sites. Solo builders shipping docs sites, module READMEs, or marketing blogs alongside a Nuxt app use it in Build to avoid fragmented tone and invalid MDC. It is phase-specific to documentation work rather than journey-wide brainstorming. Intermediate complexity reflects needing familiarity with Nuxt Content MDC and when to delegate component details to sibling skills.1.5kinstalls12ViteThe vite skill from onmax/nuxt-skills is procedural knowledge for solo builders standardizing Vite and Nuxt build pipelines. It walks through library mode—entry resolution, fileName, named UMD builds—and shows how to wire rolldownOptions for externals and global shims so consumers do not bundle Vue or React twice. Multiple library entries change the default output format pairing, and the skill ties that to a correct package.json main, module, and conditional exports block including style.css. For apps instead of libraries, it documents multi-page rolldown input keyed off index.html and nested routes. Use it when you are turning a composable or UI kit into a distributable package, splitting admin and marketing HTML bundles, or aligning SSR dev server settings with how Nuxt expects Vite to behave. Intermediate familiarity with TypeScript config and npm publishing helps; the snippets are copy-ready starting points agents can adapt rather than a full scaffold generator.1.5kinstalls13Ts Libraryts-library is an agent skill from the Nuxt skills collection that teaches API design patterns for TypeScript libraries and tooling—not a scaffold generator, but procedural knowledge for how to structure public surfaces solo builders reuse across CLI tools, Vite-style plugins, and internal packages. It documents the options pattern separating ergonomic user flags from a fully resolved internal configuration, factory functions that bundle resolved options with behaviors like filters and transforms, and builder patterns where generic types flow through chained input and output schema methods. Examples use realistic constructs such as verbose logging, glob include and exclude lists, and process.cwd root resolution. Intermediate builders shipping npm utilities or agent-adjacent libraries benefit when they want Cursor or Claude Code to follow consistent patterns instead of one-off class hierarchies. Apply it while implementing backend modules or integration layers where the hardest bug is ambiguous optional configuration, not framework routing.1.5kinstalls14Nuxt Better Authnuxt-better-auth teaches solo builders how to implement authentication in Nuxt 4+ applications using the @onmax/nuxt-better-auth module on top of Better Auth. It spans installation and environment configuration, client flows for login and signup, protecting pages on both client and server, and reading the user session inside API routes. The skill points to granular reference files for installation, client auth, and related topics, and names companion skills for general Nuxt patterns and NuxtHub database setup. It also documents advanced cases: Better Auth plugins, NuxtHub as the database layer, clientOnly mode when an external auth backend owns sessions, and i18n with @nuxtjs/i18n. Prism lists it for builders who want agent-guided, consistent auth wiring instead of piecing together scattered docs—while respecting the module’s alpha status. Use it during Build when auth is on the critical path; pair with ship-phase security review before exposing real user data.1.4kinstalls15NuxthubNuxtHub is a deployment-oriented agent skill for solo builders shipping Nuxt applications who want one mental model for hub storage primitives while still targeting multiple hosts. It explains how NuxtHub auto-configures Cloudflare as the primary path—SQLite on D1, KV for key-value and cache namespaces, R2 for blob storage—and how hub entries in nuxt.config.ts translate into wrangler bindings so you are not reverse-engineering platform docs on every new project. The skill also covers operational hygiene: enabling structured observability in wrangler.jsonc, creating cloud resources with standard wrangler commands, and separating preview from production builds with environment-specific IDs. Vercel, Netlify, and other providers appear as part of the multi-cloud story with auto-detection, but the deepest binding examples are Cloudflare-first. Use it when you are past the prototype and need durable data and asset layers on edge infrastructure, or when you are migrating a Nuxt SaaS from a single-region Node host to Workers-aligned storage without rewriting every integration by hand.1.3kinstalls16Pnpmpnpm is an agent skill from the Nuxt skills collection that gives solo builders copy-paste CI/CD and container recipes for pnpm-first JavaScript monorepos. It covers GitHub Actions from minimal install-test-build through store-directory caching, GitLab CI with corepack activation and lockfile-backed caches, Docker multi-stage builds that enable corepack in the builder stage, and monorepo-aware filters so you only build packages changed against main. Use it when you are shipping a Nuxt or Node app and need dependable frozen-lockfile installs in CI without npm/yarn drift. The skill is integration-oriented templates—not a full platform guide—so you still set secrets, deployment targets, and review YAML for your org. It pairs naturally with Nuxt build skills elsewhere in the same repo. Expect to adjust Node and pnpm major versions to match your repo’s engines field.1.3kinstalls17TsdownTsdown is an advanced bundling skill from the Nuxt skills collection for solo builders shipping TypeScript libraries with Rolldown-powered tsdown. It documents how to extend builds with Rolldown-native plugins, common Unplugin packages, and Rollup plugins that may need a type cast, plus how to author small custom transform plugins for non-JS assets. Lifecycle hooks let you run prepare and pre-format steps and finish with async work such as doc generation when `build:done` fires. The programmatic `build()` API suits agents and CI scripts that need ESM and CJS output, declaration emit, and explicit `exports` maps without wrapping a separate CLI invocation. Intermediate complexity: you should be comfortable with `defineConfig`, plugin ecosystems, and Rolldown’s plugin development docs when going beyond defaults.861installs18TresjsTresjs is a Prism agent skill that maps the TresJS Cientos library for solo and indie builders shipping WebGL in Vue or Nuxt. It explains how to add @tresjs/cientos with pnpm and use ready-made controls and loaders so you do not rebuild orbit cameras, pointer-lock movement, or model loading from scratch. The skill fits when you are composing a TresCanvas scene—perspective camera, interactive orbit damping, GLB assets—and need correct import names, key props, and a minimal template pattern. It is reference-style procedural knowledge for frontend 3D, not a deploy or SEO workflow. Confidence is high for Build-phase frontend work; it assumes comfort with Vue SFCs and basic Three.js concepts.766installs