opinionated-nextjs-systems

What problem does it solve?

This skill codifies a strict, conversion-aware front-end discipline for Next.js projects, enabling consistent architecture, module composition, typed constants, tokenized Emotion styling, and predictable handoff through automated guidance and template generation.

Core Features & Use Cases

• Layered architecture enforcement: components -> layouts -> modules -> pages, with composition-only index.tsx and constants-driven content.
• Composition-first modules and standardized section wrappers to ensure predictable handoff and API boundaries.
• Tokenized Emotion styling and typed constants to reduce drift and improve reusability across routes.
• Drift handling and canonical-rule-driven edits with host compatibility, reporting deviations in handoff.
• Adaptability to host project conventions (aliases, scripts, and existing patterns) without introducing architecture drift.

Quick Start

Describe your host Next.js project goals and requested changes, and the skill will generate or refactor modules following the Opinionated Next.js Systems conventions.