skill-nuxt

Generate Nuxt 4 applications with multi-target Nitro deployment and compliance guardrails.

1|Updated Apr 9, 2026
One-click install
npx skills add https://github.com/limit5/OmniSight-Productizer --skill skill-nuxt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: skill-nuxt
Source: https://github.com/limit5/OmniSight-Productizer/tree/main/configs/skills/skill-nuxt
Command: npx skills add https://github.com/limit5/OmniSight-Productizer --skill skill-nuxt

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about skill-nuxt

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a Nuxt 4 application for multi-target Nitro deployment?▼

To scaffold a Nuxt 4 application for multi-target Nitro deployment, use this Skill to generate a production-ready source tree configured for node-server, Vercel, Cloudflare Pages, and Bun runtimes with auto-generated target-specific configuration files.

Can I build a full-stack Vue 3 SSR app with Drizzle ORM and authentication out of the box?▼

Yes, you can build a full-stack Vue 3 SSR app using the FS.7.2 bundle, which integrates Drizzle ORM, sidebase/nuxt-auth or Clerk authentication, and Postmark email services directly into the generated Nuxt 4 project.

Does generated Nuxt 4 code include automated testing and compliance guardrails?▼

Generated Nuxt 4 code includes pre-wired Vitest unit tests and Playwright E2E smoke tests, alongside built-in WCAG/AA, GDPR, and SPDX compliance gates enabled by default to ensure immediate validation.

What is the best way to configure Vue SSR projects for WCAG and GDPR compliance?▼

The best way to configure Vue SSR projects for WCAG and GDPR compliance is to generate them with built-in compliance guardrails, automatically applying WCAG/AA, GDPR, and SPDX standards across the Nuxt 4 codebase without manual setup.

Do I need to manually configure wrangler.toml or vercel.json for Nuxt Nitro presets?▼

You do not need to manually configure wrangler.toml or vercel.json for Nuxt Nitro presets, because the scaffolder automatically generates target-specific configuration files based on your selected deployment targets.