JSX Tool/docs

Editing Mode

In editing mode, the output of your prompt is a code diff of the changes you want to make. Applying those changes makes updates to your codebase.

Workflow

  1. Prompt: With a component selected, select a model and submit your prompt.
  2. Review: The response will be a diff available in the JSX Navigator for review.
  3. Apply: Click the "Apply edits" button to make the changes to your codebase.
  4. Revert (optional): Use the revert button to remove the most recent edit from your codebase (and the top of the stack).