What problem does it solve? Building a fullstack web app requires coordinating a frontend framework, styling system, database layer, and real-time communication, which involves significant setup and configuration work. This Skill provides a preconfigured Next.js 16 environment with enforced conventions so you can go from an idea to a running application without manual scaffolding. ## Core Features & Use Cases - Fullstack App Scaffolding: Initialize a Next.js 16 project with TypeScript, Tailwind CSS 4, shadcn/ui components, and Prisma ORM with SQLite already wired together. - Database Schema and API Routes: Define Prisma schemas, push them with bun run db:push, and implement typed API routes using the provided database client. - Real-Time Features via Mini Services: Add WebSocket or Socket.io support through independent mini services routed through the built-in Caddy gateway using the XTransformPort query parameter. - Use Case: Ask for a task management app with live updates, and get a responsive UI built from shadcn/ui components, a Prisma-backed database, and a Socket.io mini service for real-time collaboration. ## Quick Start Describe the fullstack web application or feature you want to build, including any database or real-time requirements.
