nextjs-feature
OfficialScaffold production-ready Next.js features
Authorlety-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides a repeatable, opinionated generator to eliminate inconsistent file layouts and boilerplate when adding new frontend features to a Next.js 15 App Router TypeScript project, enforcing domain-first organization and project conventions.
Core Features & Use Cases
- Domain-first scaffolding: Creates app routes, feature folders, views, components, services, models, and logic following Screaming Architecture and Atomic Design.
- Integration-ready artifacts: Produces thin app/page routes, TypeScript interfaces/enums/consts, TanStack Query service hooks, optional Zod schemas for forms, and Zustand stores for state.
- Guided optional features: Adds list pagination, create/edit forms, CASL permission checks, and Socket.io hooks when requested, while urging use of OpenAPI types as source of truth.
Quick Start
Generate a new feature named billing with a list view, create/edit forms, and permissions enabled following the project's architecture guide.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: nextjs-feature Download link: https://github.com/lety-ai/lety-skill-hub/archive/main.zip#nextjs-feature Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.