Covers the fundamentals you need to scaffold, configure, and route a Nuxt 4 project. Includes concrete patterns for nuxt.config.ts setup, the new app directory structure, file-based routing with dynamic params, SEO meta helpers like useHead and useSeoMeta, and error boundaries. The runtime config section is solid on the server-only versus public split, which trips people up constantly. Also flags the supply chain security angle on nuxi init, which is rare to see documented. Load the advanced routing or plugin references when you need middleware chains or custom router options, but this covers the 80% case cleanly.

skills.sh installs
401
GitHub stars
248
last updated
Aug 21, 2026

Install

$ npx -y skills add secondsky/claude-skills --skill nuxt-core --agent claude-code

Installs into .claude/skills of the current project.

Files

Nuxt 4 Core Fundamentals

Project setup, configuration, routing, SEO, and error handling for Nuxt 4 applications.

Quick Reference

Version Requirements

PackageMinimumRecommended
nuxt4.0.04.2.x
vue3.5.03.5.x
nitro2.10.02.12.x
vite6.0.06.2.x
typescript5.0.05.x

Key Commands

# Create new project
bunx nuxi@latest init my-app

# Development
bun run dev

# Build for production
bun run build

# Preview production build
bun run preview

# Type checking
bun run postinstall  # Generates .nuxt directory
bunx nuxi typecheck

# Add a page/component/composable
bunx nuxi add page about
bunx nuxi add component MyButton
bunx nuxi add composable useAuth

Secure Installation

Scaffolding tools like bunx nuxi init download and execute remote code. Before running, follow supply chain security best practices:

Sponsors

Details

Repository
github.com/secondsky/claude-skills
Categories
Frontend Development, Backend & APIs, Debugging, Marketing & SEO
First seen
Jun 3, 2026

More from secondsky/claude-skills

All 146
1secondsky avatarnuxt-datasecondsky/claude-skills| Nuxt 4 data management: composables, data fetching with useFetch/useAsyncData, and state management with useState and Pinia. Use when: creating custom composa400skills.sh installs
2vercel-labs avatarjson-render-reactvercel-labs/json-renderReact renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating com391skills.sh installs
3gohypergiant avataraccelint-nextjs-best-practicesgohypergiant/agent-skillsNext.js performance optimization and best practices. Use when writing Next.js code (App Router or Pages Router); implementing Server Components, Server Actions,386skills.sh installs
4bobmatnyc avatarnextjs-v16bobmatnyc/claude-mpm-skillsNext.js 16 migration guide (async request APIs, "use cache", Turbopack)380skills.sh installs
5secondsky avatarreact-best-practicessecondsky/claude-skillsReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js c380skills.sh installs
6davila7 avatarvercel-react-best-practicesdavila7/claude-code-templatesReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js c376skills.sh installs