Using Rovo Dev multi‑stage prompts for refactoring UI components

This post introduces and demonstrates a multi-stage prompting strategy for using AI tools like Rovo Dev to refactor UI components. It details a four-stage process: refactoring a component to accept dynamic data, integrating it into a parent component, adapting to requirement changes by simplifying identifier passing and enhancing links, and updating mock data for testing. The core contribution is the methodology of breaking down complex AI tasks into smaller, focused prompts to improve accuracy, reviewability, and control over AI-generated code changes.