skills.rest
kibertoad
kibertoadCOMMUNITY
Explore all skills by this author →
Website𝕏@kibertoadGitHub

create-module

Generate a complete TanStack React module scaffold with routes, navigation, and packaging.

1|Updated Mar 27, 2026
Search Tags:#routing#cli#scaffold#shell#module#reactive
One-click install
npx skills add https://github.com/kibertoad/tanstack-react-modules --skill create-module-kibertoad
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-module
Source: https://github.com/kibertoad/tanstack-react-modules/tree/main/skills/create-module
Command: npx skills add https://github.com/kibertoad/tanstack-react-modules --skill create-module-kibertoad

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating new feature modules in a TanStack React Modules app is repetitive and error-prone. This Skill provides a structured blueprint to scaffold a complete Reactive module, including routes, navigation items, page components, and packaging configuration, so teams can ship features faster with consistency.

Core Features & Use Cases

  • Module scaffolding: generates src structure, module descriptor, and routing skeleton.
  • Navigation & integration: defines shell navigation entries and wires the module for host integration.
  • Packaging readiness: includes package.json templates and TypeScript setup for publishing or workspace linking.

Quick Start

Run the reactive create module <name> command to scaffold a complete module and auto-wire it into the shell.

Frequently Asked Questions about create-module

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

FAQPage Schema
How do I scaffold a new module with routes and UI in a TanStack React app?▼

To scaffold a module, run the reactive create module command. This automatically generates the src structure, module descriptor, routing skeleton, and shell navigation entries for the TanStack React Modules app.

What is a module descriptor and what files do I need for a Reactive module?▼

A module descriptor requires a unique id, frontmatter name, and description. The scaffold also generates optional scripts, references, and assets directories that the TanStack registry validates during module integration.

Can I use this to auto-wire navigation and packaging configuration for a new feature?▼

Yes, module scaffolding defines shell navigation entries and includes package.json templates with TypeScript setup. This ensures packaging readiness for publishing or workspace linking when adding features.

Does this module scaffolding work for module-driven projects requiring registry validation?▼

Yes, it is designed for module-driven projects where new features need consistent structure. The generated module descriptor and directories satisfy registry validation requirements for TanStack React Modules apps.

Why is manually creating feature modules error-prone in a TanStack React Modules app?▼

Manual creation is repetitive and risks inconsistent structure. This scaffold provides a structured blueprint for routes, page components, and packaging configuration, ensuring teams ship features faster with consistent shell wiring.

Related Skills

Explore More Software Engineering Skills→
Arupbiswas09Arupbiswas09

create-react-native-library

Scaffold React Native libraries for standalone or local module use.

Community
Intermediate
kibertoadkibertoad
1

register-module

Register a module in the shell host application with duplicate and dependency validation.

Community
Intermediate
signalbeam-iosignalbeam-io
2

add-feature

Generate React and TypeScript frontend feature modules with pages, components, API stubs, and route wiring.

Official
Intermediate
atc-netatc-net
3

iot-edge-module

Scaffold Azure IoT Edge modules with Docker configuration and deployment manifests.

Official
Advanced