Developer documentation

Recorder And AI Builder

Recorder output is meant to be pasted into the AI builder or into your own plugin command. The selectors and command bodies are authoritative.

How to record useful workflows

Click real controlsRecord button clicks like Send, Add Header, plugin buttons, and tabs.

Copy lines, not random textWhen copying from a response, inspect/copy the response line or field target so the plugin can replay it.

Preserve selectorsDo not rewrite ctx.dollar("#...") selectors from Inspect. They are the tested target path.

Use response commandsFor send-then-act workflows, use afterSendCommand so the response exists before the plugin reads it.

Prompt pattern for generated plugins

Build a plugin that repeats this recorded workflow.
Create one visible button.
When clicked, run the recorded steps in order.
Use the selectors and command bodies exactly.
If a step reads a value, read it at runtime with ctx.dollar(selector).val().
If a step sends a request and then needs the response, use core.request.send with afterSendCommand.

Replay recorded actions manually

commands: {
  "replay.run": function(ctx) {
    ctx.dollar("#urlInput").val("https://jsonplaceholder.typicode.com/posts/1");
    ctx.dollar("#sendButton").click();
    return ctx.dollar("#sendButton");
  }
}