Scaffolds and maintains Nuxt 4 projects with section composition architecture.
npx skills add https://github.com/jason23452/my-skill --skill nuxt4-creater-jason23452
Please help me install this Agent Skill. Skill: nuxt4-creater Source: https://github.com/jason23452/my-skill/tree/main/frontend/nuxt4-creater Command: npx skills add https://github.com/jason23452/my-skill --skill nuxt4-creater-jason23452
app/ directory structure, layouts, pages, UI primitives, content sections, constants, and a health-check server API route via bundled bootstrap scripts. - Section Composition Architecture: Organizes pages as three layers—reusable components, page-specific content sections in app/content/<page>/, and route pages that assemble sections with SEO/meta handling. - Maintenance & Verification: Handles package manager detection from lockfiles, Nuxt config updates, plugin warning diagnosis, runtime smoke testing in a sandbox, and build verification. - Use Case: Ask the AI to create a new Nuxt 4 marketing site; it scaffolds the project, generates HomeHero/HomeFeature/HomeContact sections, wires up SEO, and verifies the build. ## Quick Start Use the nuxt4-creater skill to create a new Nuxt 4 project called my-site with the default section composition architecture and verify it builds.High-intent search queries and answers about installing and using this skill.
Run pnpm create nuxt@latest with the v4 template, then execute the bundled bootstrap script to generate the app/ directory structure, layouts, UI components, content sections, and a health-check API route. The skill defaults to pnpm when no package manager is specified.
Section composition splits pages into three layers: reusable components in app/components, page-specific sections in app/content/<page>/, and route pages in app/pages that assemble sections and handle SEO. Sections are named like HomeHero.vue and promoted to shared components when reused across pages.
The skill detects the package manager from the lockfile: pnpm-lock.yaml, package-lock.json, yarn.lock, or bun.lock. New projects default to pnpm when the user does not specify one, and all commands are mapped to the detected manager.
This is a known Nuxt 4.5.0 internal plugin false positive, not an error in your app/plugins code. If the build succeeds, record it as a version warning; upgrading to a Nuxt release containing the nuxt/nuxt#35676 fix resolves it.
Use server/api only for BFF patterns, SSR-only secrets, proxies, token exchange, webhooks, or health checks. When a separate backend exists, business API calls belong in the frontend API transport layer, not in Nuxt server routes.
DeltaFoundry850Automate project scaffolding for Next.js, Nuxt, Vite, VS Code, Python, and MCP servers.
PostHogIntegrate PostHog analytics into Nuxt 4 applications with client and server tracking.
kid-sidAutomate Playwright end-to-end tests for critical user journeys across UI, API, and data layers.
CloudDevCrusaderDevelop full-stack Vue.js applications with Nuxt framework features.