nuxt
Build Nuxt Apps with Framework Guidance
Nuxt projects require accurate choices across routing, data fetching, SSR, and server routes. This skill gives concise Nuxt 4 guidance for Claude, Codex, and Claude Code.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "nuxt" from https://skillstore.io/skills/antfu-nuxt.md and its manifest at https://skillstore.io/api/skills/antfu-nuxt/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "nuxt". How should I fetch data for a Nuxt article page?
Expected outcome:
Use blocking fetch for the article content when SEO matters. Load comments or recommendations lazily so navigation stays responsive.
Using "nuxt". Where should I place a reusable auth helper in Nuxt 4?
Expected outcome:
Place client composables under the app composables directory. Put server-only auth helpers under server utilities or shared server code.
Using "nuxt". What should I check before deploying a Nuxt app?
Expected outcome:
- Confirm the rendering mode for important routes.
- Check Nitro preset and environment variables.
- Run build and preview before publishing.
Security Audit
Medium RiskAll static findings are false positives from Nuxt documentation syntax and examples. However, one inline configuration example could enable script injection when configuration contains untrusted script-closing text. No prompt injection, secret exfiltration, or malicious intent was found.
Confirmed security concerns (1)
Risk Factors
⚙️ External commands (22)
📁 Filesystem access (5)
⚡ Contains scripts (5)
🌐 Network access (24)
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/antfu-nuxt/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/antfu-nuxt?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/antfu-nuxt?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-nuxt/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/antfu-nuxt.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA · BibTeX · CFF)
APA citation
antfu. (2026). nuxt security audit report (audit version 5) [Author version 2026.6.22]. Skillstore. https://skillstore.io/skills/antfu-nuxt/audits/5BibTeX citation
@techreport{antfu-antfu-nuxt-2026,
author = {antfu},
title = {nuxt security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/antfu-nuxt/audits/5},
note = {Author version 2026.6.22}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "nuxt security audit report (audit version 5)"
version: "2026.6.22"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-nuxt/audits/5"
identifiers:
- type: other
value: "skillstore:antfu-nuxt:audit:5"
description: "Skillstore immutable audit report identifier"
Compare variants
2 installable variantsEach author remains a separate installable skill. The recommended variant is ranked by Skillstore evidence.
Why this variant is first
Skillstore Score
Why this score Evidence Confidence: HighWhat You Can Build
Plan a Nuxt 4 migration
Map app directories, aliases, routing files, and composables to current Nuxt 4 conventions.
Implement server routes
Choose server API patterns, middleware, Nitro plugins, and deployment behavior for a Nuxt application.
Review SSR data fetching
Evaluate useFetch, useAsyncData, lazy fetching, caching, and hydration guidance before implementation.
Try These Prompts
I am building a Nuxt 4 page. Explain which Nuxt features I should use for routing, layout, data fetching, and state.
Help me design the data fetching flow for a Nuxt product page with SEO data, related items, loading states, and error handling.
Review my Nuxt SSR issue. Identify possible context leaks, hydration mismatches, invalid composable usage, and safer alternatives.
Guide me through creating a Nuxt module with typed options, runtime templates, hooks, composables, and compatibility requirements.
Best Practices
- State the Nuxt version and project structure before asking for implementation guidance.
- Ask for SSR, client-only, and hybrid rendering tradeoffs when routes behave differently.
- Review generated examples for application-specific security, validation, and error handling.
Avoid
- Do not copy placeholder URLs, secrets, or route names without adapting them.
- Do not use client-only browser libraries during SSR without guards or lazy loading.
- Do not treat simplified examples as complete authentication or authorization logic.
Frequently Asked Questions
Does this skill support Nuxt 4?
Can it create a full Nuxt application?
Does it cover server routes?
Does it include data fetching guidance?
Is it a security auditing skill?
Which AI tools can use it?
Developer Details
Author
antfuLicense
MIT
Author version
v2026.6.22
Skillstore revision
r1
Ref
89edfdc710d0846129dcee6a929477b04f08052c
Maintenance freshness
7/24/2026
Usage
18 downloads · 872 views
File structure