Solid reference for keeping Nuxt 3/4 projects clean and performant. Covers 40+ rules across eight categories, from critical data fetching patterns (useFetch keys, lazy loading, transform functions) to auto-import organization that won't bite you later. The barrel export and type location rules alone will save headaches if you're scaling a codebase. Each rule includes wrong/right examples, which beats vague advice. Prioritized by impact, so you know what actually matters versus nice-to-haves. Use it when writing components, setting up API routes, or reviewing PRs where someone used raw fetch in a component. Built by vinayakkulkarni, who clearly spent time in Nuxt codebases that grew messy.

skills.sh installs
325
GitHub stars
43
last updated
Aug 21, 2026

Install

$ npx -y skills add vinayakkulkarni/vue-nuxt-best-practices --skill nuxt-best-practices --agent claude-code

Installs into .claude/skills of the current project.

Files

Nuxt Best Practices

Comprehensive performance optimization guide for Nuxt 4 applications (current: Nuxt 4.5, with notes for 3.x apps approaching EOL). Contains 23 rules across 9 categories, prioritized by impact to guide automated refactoring and code generation.

When to Apply

Reference these guidelines when:

  • Writing new Nuxt pages, components, or composables
  • Implementing data fetching (useFetch, useAsyncData, the 4.5 enabled option)
  • Creating server routes and API endpoints
  • Organizing types, composables, and auto-imports
  • Working with Nuxt modules and plugins
  • Configuring rendering modes (SSR, SSG, SPA, 4.5 experimental SSR streaming)
  • Using layouts, named views, and NuxtLink prefetching (Nuxt 4.5 conventions)

Rule Categories by Priority

Sponsors

Details

Repository
github.com/vinayakkulkarni/vue-nuxt-best-practices
Categories
Frontend Development, Backend & APIs, Documentation, Code Review & Quality, Debugging
First seen
Jun 3, 2026
1wsimmonds avatarnextjs-client-cookie-patternwsimmonds/claude-nextjs-skillsPattern for client components calling server actions to set cookies in Next.js. Covers the two-file pattern of a client component with user interaction (onClick325skills.sh installs
2syncfusion avatarsyncfusion-angular-image-editorsyncfusion/angular-ui-components-skillsImplement feature-rich image editing in Angular applications using Syncfusion Image Editor. Use this skill whenever user mentions editing images, adding annotat322skills.sh installs
3syncfusion avatarsyncfusion-angular-diagramsyncfusion/angular-ui-components-skillsBuild and configure Syncfusion EJ2 Angular Diagram for flowcharts, org charts, process diagrams, and data-visualization. Trigger when users ask to create nodes/318skills.sh installs
4syncfusion avatarsyncfusion-angular-treegridsyncfusion/angular-ui-components-skillsImplements Syncfusion Angular TreeGrid for hierarchical data with sorting, filtering, editing, exporting, paging, virtual scrolling, and advanced features. Supp318skills.sh installs
5syncfusion avatarsyncfusion-angular-accumulation-chartsyncfusion/angular-ui-components-skillsImplement and customize Syncfusion Angular Accumulation Charts (Pie, Doughnut, Pyramid, Funnel) with data binding, labels, legends, and tooltips. Use this when 315skills.sh installs
6syncfusion avatarsyncfusion-angular-barcodesyncfusion/angular-ui-components-skillsUse Syncfusion EJ2 Angular Barcode/QR components to generate and customize barcodes in Angular. Trigger for Code39/Code128, EAN/UPC, QR Code, Data Matrix, label313skills.sh installs