[FEATURE] Ability to allow agent to render app in browser to see live CSS edits

Preflight Checklist

• [x] I have searched existing requests and this feature hasn't been requested yet
• [x] This is a single feature request (not multiple features)

Problem Statement

I rely on CC to create web apps and implement features. I especially rely on it for frontend stuff because I have never worked in that direction. Right now the agent is blindly making CSS changes, which I need to test and report back in case of issues (Which doesn't happen a lot, but it happens).

Proposed Solution

Give the agent ability to launch headless chrome instance to make live CSS edits. Right now the agent is blindly making changes, which I need to test and report back in case of issues. It would be amazing to allow agent to run headless chrome instance and watch any CSS adjustments it is doing live, just like frontend devs are doing. That way it will have the ability to iterate over and try multiple solutions until desired outcome is reached.

Alternative Solutions

_No response_

Priority

Medium - Would be very helpful

Feature Category

API and model interactions

Use Case Example

1. I'm working on React app with Nest backend
2. I want the UI and UX to be top notch. I'm sketching ideas that CC implements and I request changes quite often as well to find the best solution.
3. CC makes edits blindly, meaning it is not able to see the changes it makes. Unlike backend code where it can write UTs to validate it's output, here it has no way of "testing" it's solution works.
4. With this feature I requested, it will save development time by giving CC eyes.

Additional Context

Amazing product, having it feels like having a team of 10x developers at my disposal.