Next.js Architecture & Setup Guide

This skill provides a comprehensive blueprint for building scalable Next.js applications using the App Router and Turbopack. It automatically guides developers through selecting optimal tech stacks—such as choosing between Biome and ESLint—while implementing a high-cohesion feature-based directory structure. A key focus is the establishment of a strict design system layer that wraps shadcn/ui components, ensuring long-term maintainability and consistent UI development. By providing a ready-to-use CLAUDE.md template, it aligns AI behavior with project-specific rules, architectural boundaries, and coding standards.

Key Features

Use Cases