screenshot-walkthrough

Capture step-by-step workflow screenshots with deterministic filenames and a markdown walkthrough.

Updated Apr 12, 2026
One-click install
npx skills add https://github.com/Srajangpt1/dataeye --skill screenshot-walkthrough-srajangpt1
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: screenshot-walkthrough
Source: https://github.com/Srajangpt1/dataeye/tree/main/packages/browseros-agent/apps/server/src/skills/defaults/screenshot-walkthrough
Command: npx skills add https://github.com/Srajangpt1/dataeye --skill screenshot-walkthrough-srajangpt1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Capture step-by-step screenshots of a workflow to document processes, bugs, or tutorials.

Core Features & Use Cases

  • Capture deterministic, labeled screenshots of each workflow step.
  • Generate a ready-to-share markdown walkthrough structure that reviews actions and outcomes.
  • Save artifacts and reference the workflow in a single, reproducible document.

Quick Start

Start by clarifying the workflow and starting URL, then run the walkthrough to capture and save step-by-step screenshots with descriptive filenames.

Frequently Asked Questions about screenshot-walkthrough

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create step-by-step screenshots for workflow documentation?

Yes, you can capture screenshots of web apps and browser-based processes for debugging. The skill captures deterministic, labeled screenshots of each workflow step to document processes, bugs, or tutorials in a reproducible document.

How are screenshot files named when documenting a tutorial?

When documenting a tutorial, screenshot files are named using a deterministic format. The specific naming convention used is step-{number}-{description}.png, ensuring artifacts are organized and easily referenced within the generated markdown walkthrough.

Can I generate a markdown walkthrough structure alongside captured screenshots?

Yes, you can generate a markdown walkthrough structure alongside captured screenshots. The skill creates a ready-to-share markdown template that reviews actions and outcomes, saving artifacts and referencing the workflow in a single, reproducible document.

Do I need to specify a starting URL to automate screenshot capture for training materials?

Yes, you need to specify a starting URL to automate screenshot capture for training materials. The quick start process requires clarifying the workflow and starting URL first, then running the walkthrough to capture and save step-by-step screenshots.

What is the best way to document browser-based workflows with reproducible artifacts?

The best way to document browser-based workflows with reproducible artifacts is to use a filesystem-write workflow. This approach saves deterministic labeled screenshots and generates a markdown walkthrough template to review actions and outcomes in a single document.