react-component

Scaffold a React component by generating a consistent directory structure with index.tsx, styles.module.css, optional hooks, and Playwright tests. This automates boilerplate creation, enforces TypeScript prop typing, and ensures reusable component design across your project.

Yes, this generates React components with CSS Modules for styling and creates Playwright-based test files automatically. Each component receives a fixed structure: component-name/index.tsx, styles.module.css, hooks/, and tests/ directories with consistent conventions.

Scaffolding creates index.tsx for the component, styles.module.css for styling, optional hooks under hooks/*.hook.ts, and Playwright tests under tests/*.spec.ts. All files use TypeScript and follow explicit prop typing and descriptive naming conventions.

Yes, this generates React component scaffolds designed for TypeScript projects using CSS Modules. It enforces explicit props typing and works within projects that follow consistent component structure and conventions.

Use component scaffolding to generate standardized boilerplate enforcing TypeScript typing, CSS Modules, reusable component design, and test conventions. This creates uniform structure across all new components in your src/components/ directory.