skill-nextjs

Scaffold Next.js 16 App Router projects with authentication, integrations, and deployment presets.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building a production-ready Next.js 16 App Router project from scratch requires manually configuring Turbopack workarounds, authentication, full-stack integrations, compliance gates, and deploy adapters for multiple targets, which is time-consuming and error-prone. This Skill automates the entire scaffolding process, ensuring all W0-W5 web framework gates are satisfied out of the box.

Core Features & Use Cases

  • Full-Stack Project Scaffolding: Generates a complete Next.js 16 App Router project with optional Prisma, Auth.js (next-auth or Clerk), tRPC, and Resend integrations, plus a working todo example app.
  • Multi-Platform Deploy Support: Emits pre-configured deployment setups for both Vercel and Cloudflare Pages, with dry-run deploy adapters to validate artifacts before pushing to production.
  • Built-In Compliance & Testing: Ships with WCAG AA, GDPR, and SPDX compliance gates enabled by default, plus Playwright E2E and Vitest unit test skeletons to ensure quality out of the box.
  • Use Case: A frontend engineering team can use this Skill to generate a compliant, production-ready Next.js project in seconds, eliminating weeks of manual configuration, validation, and compliance work.

Quick Start

Use the skill-nextjs skill to generate a production-ready Next.js 16 project with your preferred authentication, full-stack integrations, and deploy targets, then run the included pilot validation to confirm all compliance and framework gates pass.

Frequently Asked Questions about skill-nextjs

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

FAQPage Schema
How do I scaffold a production-ready Next.js 16 App Router project with Turbopack?▼

Scaffolding a production-ready Next.js 16 App Router project is automated with built-in Turbopack root pinning to prevent workspace-root panics in monorepo environments, alongside configurable full-stack bundles like Prisma and tRPC.

Does the Next.js scaffolding include compliance gates for WCAG AA and GDPR?▼

Yes, the Next.js scaffolding includes built-in compliance gates for WCAG AA and GDPR erasure handlers by default, satisfying W0-W5 web framework validation requirements out of the box without manual configuration.

Can I configure Next.js project generation for both Vercel and Cloudflare Pages deployment?▼

Yes, you can configure Next.js project generation for both Vercel and Cloudflare Pages deployment using dual-target deployment presets, which include dry-run deploy adapters to validate artifacts before pushing to production.

What authentication integrations are available when generating a Next.js application?▼

When generating a Next.js application, you can configure authentication integrations using either next-auth or Clerk, which are bundled alongside optional tRPC, Prisma, and Resend full-stack integrations.

Are Playwright E2E and Vitest unit test skeletons included in the Next.js scaffold?▼

Yes, Playwright E2E and Vitest unit test skeletons are included in the Next.js scaffold to ensure quality out of the box, alongside end-to-end pilot validation smoke tests to confirm all framework gates pass.