{"id":"f0b41eaf-9491-4891-a347-78fd3a8924e3","shortId":"5WtsRx","kind":"skill","title":"nuxt","tagline":"Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.","description":"Nuxt is a full-stack Vue framework that provides server-side rendering, file-based routing, auto-imports, and a powerful module system. It uses Nitro as its server engine for universal deployment across Node.js, serverless, and edge platforms.\n\n> The skill is based on Nuxt 3.x, generated at 2026-01-28.\n\n## Core\n\n| Topic | Description | Reference |\n|-------|-------------|-----------|\n| Directory Structure | Project folder structure, conventions, file organization | [core-directory-structure](references/core-directory-structure.md) |\n| Configuration | nuxt.config.ts, app.config.ts, runtime config, environment variables | [core-config](references/core-config.md) |\n| CLI Commands | Dev server, build, generate, preview, and utility commands | [core-cli](references/core-cli.md) |\n| Routing | File-based routing, dynamic routes, navigation, middleware, layouts | [core-routing](references/core-routing.md) |\n| Data Fetching | useFetch, useAsyncData, $fetch, caching, refresh | [core-data-fetching](references/core-data-fetching.md) |\n| Modules | Creating and using Nuxt modules, Nuxt Kit utilities | [core-modules](references/core-modules.md) |\n| Deployment | Platform-agnostic deployment with Nitro, Vercel, Netlify, Cloudflare | [core-deployment](references/core-deployment.md) |\n\n## Features\n\n| Topic | Description | Reference |\n|-------|-------------|-----------|\n| Composables Auto-imports | Vue APIs, Nuxt composables, custom composables, utilities | [features-composables](references/features-composables.md) |\n| Components Auto-imports | Component naming, lazy loading, hydration strategies | [features-components-autoimport](references/features-components-autoimport.md) |\n| Built-in Components | NuxtLink, NuxtPage, NuxtLayout, ClientOnly, and more | [features-components](references/features-components.md) |\n| State Management | useState composable, SSR-friendly state, Pinia integration | [features-state](references/features-state.md) |\n| Server Routes | API routes, server middleware, Nitro server engine | [features-server](references/features-server.md) |\n\n## Rendering\n\n| Topic | Description | Reference |\n|-------|-------------|-----------|\n| Rendering Modes | Universal (SSR), client-side (SPA), hybrid rendering, route rules | [rendering-modes](references/rendering-modes.md) |\n\n## Best Practices\n\n| Topic | Description | Reference |\n|-------|-------------|-----------|\n| Data Fetching Patterns | Efficient fetching, caching, parallel requests, error handling | [best-practices-data-fetching](references/best-practices-data-fetching.md) |\n| SSR & Hydration | Avoiding context leaks, hydration mismatches, composable patterns | [best-practices-ssr](references/best-practices-ssr.md) |\n\n## Advanced\n\n| Topic | Description | Reference |\n|-------|-------------|-----------|\n| Layers | Extending applications with reusable layers | [advanced-layers](references/advanced-layers.md) |\n| Lifecycle Hooks | Build-time, runtime, and server hooks | [advanced-hooks](references/advanced-hooks.md) |\n| Module Authoring | Creating publishable Nuxt modules with Nuxt Kit | [advanced-module-authoring](references/advanced-module-authoring.md) |","tags":["nuxt","skills","antfu","agent-skills"],"capabilities":["skill","source-antfu","skill-nuxt","topic-agent-skills","topic-skills"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/antfu/skills/nuxt","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add antfu/skills","source_repo":"https://github.com/antfu/skills","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 4987 github stars · SKILL.md body (3,153 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T18:52:45.501Z","embedding":null,"createdAt":"2026-04-18T20:24:39.155Z","updatedAt":"2026-05-18T18:52:45.501Z","lastSeenAt":"2026-05-18T18:52:45.501Z","tsv":"'-01':84 '-28':85 '2026':83 '3':79 'across':67 'advanc':311,322,335,348 'advanced-hook':334 'advanced-lay':321 'advanced-module-author':347 'agnost':170 'api':190,245 'app':23 'app.config.ts':105 'applic':317 'author':339,350 'auto':11,50,187,202 'auto-import':10,49,186,201 'autoimport':213 'avoid':299 'base':16,47,76,131 'best':276,292,307 'best-practices-data-fetch':291 'best-practices-ssr':306 'build':118,328 'build-tim':327 'built':216 'built-in':215 'cach':147,286 'cli':114,126 'client':265 'client-sid':264 'clienton':222 'cloudflar':176 'command':115,123 'compon':200,204,212,218,227 'compos':185,192,194,198,232,304 'config':107,112 'configur':103 'context':300 'convent':95 'core':86,99,111,125,139,150,164,178 'core-c':124 'core-config':110 'core-data-fetch':149 'core-deploy':177 'core-directory-structur':98 'core-modul':163 'core-rout':138 'creat':155,340 'custom':193 'data':142,151,281,294 'deploy':66,167,171,179 'descript':88,183,258,279,313 'dev':116 'directori':90,100 'dynam':133 'edg':71 'effici':284 'engin':63,251 'environ':108 'error':289 'extend':316 'featur':181,197,211,226,240,253 'features-compon':225 'features-components-autoimport':210 'features-compos':196 'features-serv':252 'features-st':239 'fetch':143,146,152,282,285,295 'file':15,46,96,130 'file-bas':14,45,129 'folder':93 'framework':7,38 'friend':235 'full':4,35 'full-stack':3,34 'generat':81,119 'handl':290 'hook':326,333,336 'hybrid':29,268 'hydrat':208,298,302 'import':12,51,188,203 'integr':238 'kit':161,346 'layer':315,320,323 'layout':137 'lazi':206 'leak':301 'lifecycl':325 'load':207 'manag':230 'middlewar':27,136,248 'mismatch':303 'mode':261,274 'modul':55,154,159,165,338,343,349 'name':205 'navig':135 'netlifi':175 'nitro':59,173,249 'node.js':68 'nuxt':1,2,22,31,78,158,160,191,342,345 'nuxt.config.ts':104 'nuxtlayout':221 'nuxtlink':219 'nuxtpag':220 'organ':97 'parallel':287 'pattern':283,305 'pinia':237 'platform':72,169 'platform-agnost':168 'power':54 'practic':277,293,308 'preview':120 'project':92 'provid':40 'publish':341 'refer':89,184,259,280,314 'references/advanced-hooks.md':337 'references/advanced-layers.md':324 'references/advanced-module-authoring.md':351 'references/best-practices-data-fetching.md':296 'references/best-practices-ssr.md':310 'references/core-cli.md':127 'references/core-config.md':113 'references/core-data-fetching.md':153 'references/core-deployment.md':180 'references/core-directory-structure.md':102 'references/core-modules.md':166 'references/core-routing.md':141 'references/features-components-autoimport.md':214 'references/features-components.md':228 'references/features-composables.md':199 'references/features-server.md':255 'references/features-state.md':242 'references/rendering-modes.md':275 'refresh':148 'render':30,44,256,260,269,273 'rendering-mod':272 'request':288 'reusabl':319 'rout':17,25,48,128,132,134,140,244,246,270 'rule':271 'runtim':106,330 'server':24,42,62,117,243,247,250,254,332 'server-sid':41 'serverless':69 'side':43,266 'skill':74 'skill-nuxt' 'source-antfu' 'spa':267 'ssr':9,234,263,297,309 'ssr-friend':233 'stack':5,36 'state':229,236,241 'strategi':209 'structur':91,94,101 'system':56 'time':329 'topic':87,182,257,278,312 'topic-agent-skills' 'topic-skills' 'univers':65,262 'use':18,58,157 'useasyncdata':145 'usefetch':26,144 'usest':231 'util':122,162,195 'variabl':109 'vercel':174 'vue':6,37,189 'work':20 'x':80","prices":[{"id":"0a917d9f-16a1-40cf-9071-06e4181679a7","listingId":"f0b41eaf-9491-4891-a347-78fd3a8924e3","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"antfu","category":"skills","install_from":"skills.sh"},"createdAt":"2026-04-18T20:24:39.155Z"}],"sources":[{"listingId":"f0b41eaf-9491-4891-a347-78fd3a8924e3","source":"github","sourceId":"antfu/skills/nuxt","sourceUrl":"https://github.com/antfu/skills/tree/main/skills/nuxt","isPrimary":false,"firstSeenAt":"2026-04-18T21:53:46.936Z","lastSeenAt":"2026-05-18T18:52:45.501Z"},{"listingId":"f0b41eaf-9491-4891-a347-78fd3a8924e3","source":"skills_sh","sourceId":"antfu/skills/nuxt","sourceUrl":"https://skills.sh/antfu/skills/nuxt","isPrimary":true,"firstSeenAt":"2026-04-18T20:24:39.155Z","lastSeenAt":"2026-05-07T22:40:15.119Z"}],"details":{"listingId":"f0b41eaf-9491-4891-a347-78fd3a8924e3","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"antfu","slug":"nuxt","github":{"repo":"antfu/skills","stars":4987,"topics":["agent-skills","skills"],"license":"mit","html_url":"https://github.com/antfu/skills","pushed_at":"2026-05-01T16:46:24Z","description":"Anthony Fu's curated collection of agent skills.","skill_md_sha":"62e497eb1363651267d9a17b428bc7e713f6fa77","skill_md_path":"skills/nuxt/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/antfu/skills/tree/main/skills/nuxt"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"nuxt","description":"Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering."},"skills_sh_url":"https://skills.sh/antfu/skills/nuxt"},"updatedAt":"2026-05-18T18:52:45.501Z"}}