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.