Nuxt 4 core framework fundamentals: project setup, configuration, routing, SEO, error handling, and directory structure. Use when: creating new Nuxt 4 projects, configuring nuxt.config.ts, setting up routing and middleware, implementing SEO with useHead/useSeoMeta, handling errors with error.vue and NuxtErrorBoundary, or understanding Nuxt 4 directory structure. Keywords: Nuxt 4, nuxt.config.ts, file-based routing, pages directory, definePageMeta, useHead, useSeoMeta, error.vue, NuxtErrorBoundary, middleware, navigateTo, NuxtLink, app directory, runtime config
98
100%
Does it follow best practices?
Impact
99%
1.50xAverage score across 3 eval scenarios
Passed
No known issues
Nuxt 4 project setup and configuration
app/ srcDir structure
0%
100%
compatibilityVersion: 4
0%
100%
runtimeConfig structure
100%
100%
useRuntimeConfig not process.env
40%
70%
titleTemplate in config
100%
100%
server/ directory separate
100%
100%
bun commands used
0%
100%
bunx nuxi init
0%
100%
app.config.ts for UI settings
0%
100%
devtools enabled
100%
100%
SEO meta tags and dynamic routing
useSeoMeta not useHead
100%
100%
Reactive meta functions
0%
100%
computed() route params
0%
100%
NuxtLink navigation
100%
100%
pages in app/pages/
100%
100%
ogTitle and ogDescription
100%
100%
twitterCard set
100%
100%
Dynamic route file naming
100%
100%
Catch-all or index page
100%
100%
compatibilityVersion: 4
0%
100%
Route middleware and error handling
return navigateTo()
100%
100%
definePageMeta middleware
100%
100%
.global.ts suffix
100%
100%
import.meta.client check
100%
100%
NuxtError type import
0%
100%
clearError with redirect
100%
100%
NuxtErrorBoundary used
100%
100%
createError fatal flag
100%
100%
middleware file in app/middleware/
100%
100%
error.vue in app/
100%
100%
90d6bd7
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.