Exploring Cascade - an agent native html artifact editor.
Cascade is an experiment in editing and reviewing interactive prototypes with agents. I wanted a place to return to generated interfaces, change specific parts and keep alternative directions.
Keeping it lightweight
I started with portable HTML artifacts, so each idea could be previewed and passed on without setting up a full application. The gallery makes those prototypes visible before opening them.
FIG 01 / Prototype gallery
Editing and reviewing
The canvas combines direct controls with contextual feedback. Selecting an element exposes its appearance and layout; Review mode attaches comments to their target and version. This was the core exploration: making it easier to point at what should change.
FIG 02 / Selection and inspector
FIG 03 / Anchored demo feedback
Testing the interaction
I used a checkout example to explore validation, retry and success. Preview follows declared states, giving the interface behaviour to inspect as well as a layout.
These are seeded prototypes and simulated payments. The next thing to test is the complete loop from a comment to an agent’s change and a saved result.
FIG 04 / Validation state
FIG 05 / Successful retry