frontend-mobile-development-component-scaffold

Provide a component specification with name, props, state, and styling approach, and the generator produces the component file, TypeScript prop interface, Jest/Testing Library test suite, and index export. Options control whether types, tests, stories, and accessibility wiring are included.

Three styling approaches are supported: CSS Modules with generated class files, styled-components with theme-based tokens, and Tailwind with recommended utility class strings. The choice is set in the component specification's styling field.

Yes, the platform field in the specification accepts web, native, or universal. The React Native generator emits View, Text, and StyleSheet-based components with accessibility props, mapping web prop types to native equivalents.

Yes, generated tests include an axe-based accessibility assertion alongside render, content, and event-handler tests. The component itself receives inferred ARIA roles and accessibility props when the accessibility option is enabled.

Avoid scaffolding for highly custom components with complex business logic, animations, or third-party integrations, since generated output contains placeholder JSX and TODO markers. It suits standard presentational, form, and layout components best.