frontend-mobile-development-component-scaffold

Provide a component specification with name, props, state, and styling preference. The generator outputs the component file, TypeScript prop interfaces, a Jest/React Testing Library test suite, styles, and an index barrel export.

Three styling approaches are supported: CSS Modules with a generated .module.css file, styled-components with theme-aware styled elements, and Tailwind with recommended utility class strings for the component.

Yes. The React Native generator produces components using View, Text, StyleSheet, and TouchableOpacity with accessibility props like accessible and accessibilityLabel, mapping web prop types to native equivalents.

When the accessibility option is enabled, generated components include ARIA role inference, a useA11y hook integration, and tests that run axe accessibility checks asserting no violations.

Generated tests cover rendering without crashing, content visibility, callback prop invocation via fireEvent for handler props, and accessibility validation using axe with React Testing Library.

Avoid scaffolding for highly custom components with complex business logic or unusual rendering patterns, since generated output uses placeholder JSX and TODO markers that require substantial manual implementation.