skill-nextjs

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.