frontend-mobile-development-component-scaffold

Provide the component name, type, props, and styling approach, and the generator produces the component file, a typed props interface, a Jest and React Testing Library test suite, and an index export. Options control whether TypeScript, tests, Storybook, and accessibility features are included.

The generator supports three styling approaches: CSS Modules with a generated .module.css file, styled-components with theme-based styled elements, and Tailwind with recommended utility class strings. The choice is set in the component specification.

Yes, setting the platform to native generates a React Native component using View, Text, StyleSheet, and TouchableOpacity with accessibility labels. Web prop types are mapped to native equivalents, and styles are emitted as a StyleSheet.create block.

When the accessibility option is enabled, the generator infers an ARIA role from the component type, wires a useA11y hook into the component body, and adds an axe-based test asserting no accessibility violations.

The output includes the component file, TypeScript type definitions, a styles file, a test suite, Storybook stories, and an index barrel export. Tests, stories, and types are optional based on the generator options.