Inputs

☐ Prompt / Description (Required)

A clear and concise instruction that describes what this step should do. This is crucial for AI to debug and re-find the element if the website structure changes.

Good Example: "Click the 'Submit' button to submit the form."

Bad Example: "Find and interact with the button on the page that might be used for submitting some kind of form. Make sure to click it only if it's visible and seems relevant."

Why it’s bad? Too verbose, unclear about the exact action, and doesn’t specify which button to click.

☐ Element Selector (Required)

Define the element to be clicked using one of the following methods:

CSS Selector

Use standard CSS selectors to identify the element.

XPath

Use an XPath expression to precisely locate the element.

Usage Example

Scenario: Clicking a 'Submit' button on a form

✅ Good Prompt:

“Click the ‘Submit’ button to submit the form.”

✅ Good Element Selectors:

CSS Selector: button[type="submit"]

XPath: //button[@type='submit']

Notes

  • The Prompt / Description is required because it helps the AI debug and adjust the selector if the webpage structure changes.
  • Ensure the selector uniquely identifies the element to prevent unintended interactions.
  • If the page content is dynamic, consider using a robust selector or referencing workflow data.