Capture step-by-step screenshots of a workflow or process for documentation, bug reports, or tutorials. Use when the user asks to document steps, create a walkthrough, or capture a process.
Activate when the user asks to document a workflow, create a step-by-step guide, capture a process for a bug report, or build visual documentation of a web-based procedure.
Clarify the workflow. Confirm with the user:
Navigate to the starting point using navigate_page.
For each step in the workflow:
a. Take a screenshot using save_screenshot with a descriptive filename:
step-{number}-{description}.pngstep-01-login-page.png, step-02-enter-credentials.png
b. Note what action to take next
c. Perform the action (click, fill, navigate, etc.)
d. Wait for the page to settle (new content to load)
e. RepeatCompile the walkthrough as a markdown document:
# Walkthrough: [Process Name]
**Date:** [current date]
**URL:** [starting URL]
## Step 1: [Action Description]
Navigate to [URL]. You will see [what's on screen].
## Step 2: [Action Description]
Click on [element]. [What happens next].
filesystem_write alongside the screenshots.