frontend-feature-module-generator

Generate a feature module scaffold with View, hook, and barrel file.

Updated Jun 18, 2026
One-click install
npx skills add https://github.com/web3br1/luminaristest --skill frontend-feature-module-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-feature-module-generator
Source: https://github.com/web3br1/luminaristest/tree/main/.claude/skills/frontend-feature-module-generator
Command: npx skills add https://github.com/web3br1/luminaristest --skill frontend-feature-module-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of a new feature module for a dashboard, providing a structured and efficient way to build the necessary files and components without manual setup.

Core Features & Use Cases

  • Scaffold Generation: Automatically generates the main View, data hook, and public barrel index file for a feature module.
  • Layer Separation: Ensures clear separation of concerns, where the View handles the UI and the hook manages data.
  • Integration: Seamlessly integrates with the Luminaris monorepo and Next.js Pages Router.

Quick Start

Use the frontend-feature-module-generator skill to create a new module with the name 'myFeature' and category 'myCategory'.

Frequently Asked Questions about frontend-feature-module-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a React feature module scaffold in a Next.js monorepo?

To generate a React feature module scaffold, this Skill automatically creates the main View, data hook, and public barrel index file within a Next.js monorepo, simplifying initial UI component setup without manual file creation.

What is the best way to structure a new UI component with separate data hooks in Next.js?

The best way to structure a new UI component is using layer separation, where the View handles the UI and the hook manages data. This approach ensures clear separation of concerns for your Next.js feature modules.

Does this module generation tool require a specific directory structure?

Yes, this module generation tool requires a specific directory structure and component reuse within a governance-skill-based system. It is designed to integrate seamlessly with the Luminaris monorepo and Next.js Pages Router.

Can I automate scaffolding for multiple feature modules in a React monorepo?

You can automate scaffolding for feature modules by providing a name and category. The generator outputs a structured file scaffold for each new module, accelerating the repetitive setup process across your React monorepo.

What files are included when generating a frontend feature module?

When generating a frontend feature module, the scaffold includes a main View file for UI rendering, a data hook for state management, and a public barrel index file to expose the module's public API.