skill-nuxt

What problem does it solve?

This Skill eliminates the manual effort of configuring production-ready Nuxt 4 applications for multiple deployment targets, while also validating that the OmniSight W0-W5 development framework is stack-agnostic and works for Vue 3 / Nuxt 4 in addition to the original Next.js React implementation.

Core Features & Use Cases

• Cross-stack framework validation: Proves the W0-W5 scaffolder, simulate-track, compliance, and deploy adapter abstractions work for non-React web stacks, confirming the framework is not limited to a single consumer.
• Multi-target Nitro deployment: Generates a single Nuxt 4 source tree configured for node-server, Vercel, Cloudflare Pages, and Bun runtimes, with target-specific config files (vercel.json, wrangler.toml, etc.) auto-generated based on selected presets.
• Built-in compliance & full-stack bundles: Ships with WCAG/AA, GDPR, and SPDX compliance gates enabled by default, plus optional integrations for Drizzle ORM, sidebase/nuxt-auth or Clerk authentication, and Postmark email for the FS.7.2 full-stack use case.
• Integrated testing & validation: Includes pre-wired Vitest unit tests and Playwright E2E smoke tests aligned with the W2 simulate-track, plus hardware-in-the-loop recipes for post-deploy performance and compliance validation.
• Use Case: A development team building a Vue 3 SSR application that needs to deploy to both Vercel and Cloudflare Pages can use this Skill to generate a single codebase with all required configs, compliance stubs, and test suites, reducing setup time from days to minutes.

Quick Start

Use the skill-nuxt skill to generate a production-ready Nuxt 4 project with sidebase authentication, Pinia state management, Drizzle ORM, Postmark email support, and all four Nitro deployment targets enabled, saved to a directory of your choice.