Preview
CodeBuddy IDE supports automatic rendering of code changes via a browser engine, allowing you to instantly view the runtime effect of the current project code without switching tools or manually starting services—enabling real-time debugging and preview.
Real-time Preview
There are two ways to open a local project preview:
After code generation or modification under Craft Agent, the Agent automatically invokes a tool to open Preview.
Manually click the Preview tool to trigger a preview.
Or manually input a Prompt to trigger the Agent to open Preview, enabling real-time preview of the runtime effect, for example: 
Preview effect is shown below:
Visual Optimization
In the preview page, you can select certain components to add to the conversation and optimize the UI using natural language.
Click the partial edit button.
Select a component; it will be automatically added to the dialog.
Enter a requirement description in the dialog. The Agent will automatically modify the code based on your needs, for example:
The optimized effect is shown below. You can see the button has been adjusted to a blue background. If you're still not satisfied, you can continue optimizing the visual style.
