Can I selectively include specific modules?

Yes, the skill provides a multi-select prompt for both the API Layer (Models and Logic) and the UI Layer (Components, Hooks, and Contexts).

What directory structure does this skill create?

It creates a modular folder within the features/ directory containing sub-folders for API models, logic, components, hooks, and contexts depending on your selection.

Does it enforce naming conventions?

Yes, the skill strictly enforces kebab-case naming for features and automatically converts these into Title Case for UI presentation where necessary.

Are barrel files included automatically?

Yes, every generated directory includes an index.ts barrel file with guidance comments to ensure clean imports and prevent empty folder structures.

Next.js Feature Module Scaffolder

Name: Next.js Feature Module Scaffolder
Author: mcgaryes

bymcgaryes

0•

生产力与工作流

Generates standardized, production-ready feature modules for Next.js applications with automated directory structures and boilerplate.

This skill automates the creation of self-contained domain modules within a Next.js project, ensuring a consistent architecture across the codebase. It allows developers to interactively choose which layers to include—such as API models, server-side business logic, React components, custom hooks, and state contexts—while enforcing kebab-case naming conventions and generating essential barrel files to maintain clean, professional export patterns.

主要功能

01Generation of index.ts barrel files for encapsulated exports

02Automatic kebab-case validation for feature naming

03Support for API models, business logic, and data fetching functions

04Boilerplate generation for React components, hooks, and context providers

05Interactive module selection for API and UI layers

060 GitHub stars

使用场景

01Rapidly bootstrapping a new domain module like user-profile or order-management

02Enforcing architectural consistency across large-scale Next.js development teams

03Automatically setting up complex state management and API logic for new features

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mcgaryes/nextjs-template scaffold-feature

For use in Claude.ai and ChatGPT

主要功能

01Generation of index.ts barrel files for encapsulated exports

02Automatic kebab-case validation for feature naming

03Support for API models, business logic, and data fetching functions

04Boilerplate generation for React components, hooks, and context providers

05Interactive module selection for API and UI layers

060 GitHub stars

使用场景

01Rapidly bootstrapping a new domain module like user-profile or order-management

02Enforcing architectural consistency across large-scale Next.js development teams

03Automatically setting up complex state management and API logic for new features

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mcgaryes/nextjs-template scaffold-feature

For use in Claude.ai and ChatGPT