What problem does it solve? Migrating HTMX + Alpine.js prototypes to React requires tedious manual rewriting of attributes, bindings, and state, and it is easy to silently lose behaviors like hx-post or x-model during translation. ## Core Features & Use Cases - Mechanical JSX Transforms: Automatically converts class to className, inline styles to style objects, and self-closing tags via spec-conformant parse5 HTML parsing. - Alpine State Lifting: Lifts x-data declarations into React useState hooks or zustand+immer stores based on the state shape, producing a named use<Feature>State hook. - Ambiguity Sidecar: Surfaces HTMX hx-* behaviors and complex Alpine constructs in a review sidecar markdown with recommended React equivalents instead of guessing. - Use Case: You have an HTMX dashboard fragment with Alpine counters and hx-post forms. Run the converter to get a scaffolder-ready TSX component plus a sidecar listing the server-interaction regions that need manual fetch + setState wiring. ## Quick Start Ask the AI to convert your HTMX file by providing the source HTML path, a kebab-case feature name, and the desired output TSX path.
