Coding · Intermediate
Migrating legacy web templates into modern components
Convert server-rendered markup into modular front-end components following strict architectural rules
- When you askSubmit template and style guidelines
- ThenDraft component breakdown plan
- ResultDisplay refactored component files
Accelerate codebase modernization by translating legacy templates and scripts into clean, reusable component hierarchies. The bot outlines component architecture, cleans redundant nesting, updates styling conventions, and drafts matching component definitions for manual engineering review.
Prompt to start with
BotBentoRecommended
Analyze the submitted legacy template and the provided target styling guidelines. Before generating any component files, provide a structural plan breaking the markup into semantic, reusable components. Wait for user confirmation on the plan. Once approved, write the refactored component definitions, applying semantic tags and modular styles. Run local formatting checks via terminal if configured. Do not commit or push changes to the repository without explicit approval.