playwright-doc-generator

Generate screenshot-driven Markdown walkthroughs for client-facing web apps.

1|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/Benmore-Studio/Benmore-Meridian --skill playwright-doc-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-doc-generator
Source: https://github.com/Benmore-Studio/Benmore-Meridian/tree/main/skills/playwright-doc-generator
Command: npx skills add https://github.com/Benmore-Studio/Benmore-Meridian --skill playwright-doc-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill orchestrates research, live UI exploration, and a standardized Markdown blueprint to produce client-facing platform walkthroughs that are thorough, screenshot-rich, and renderable offline.

Core Features & Use Cases

  • Workflow orchestration: coordinates orienting research, mapping surfaces, and applying a consistent doc structure.
  • Playwright-driven capture: uses the Playwright-CLI to navigate real apps and capture a representative set of screenshots with consistent naming and viewport.
  • Offline-ready deliverables: outputs client walkthrough Markdown that aligns with the reference doc-template and includes image references.

Quick Start

Run the generator against a live app to produce a client walkthrough with screenshots, then review the Markdown deliverable.

Frequently Asked Questions about playwright-doc-generator

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

FAQPage Schema
How do I generate client-facing documentation with screenshots for a live web app?

You can generate client-facing documentation by running a Playwright-driven workflow that navigates your live web app, captures representative screenshots with consistent naming, and outputs a screenshot-rich Markdown walkthrough that renders offline.

Can I use Playwright to automate screenshots for walkthrough documentation?

Yes, Playwright automates screenshot capture by navigating real web apps with a consistent viewport to produce standardized images that are referenced directly within the generated client walkthrough Markdown.

What is the best way to create offline-ready client guides for non-engineers?

The best way to create offline-ready client guides is to coordinate live UI exploration with a standardized Markdown blueprint, producing a complete, screenshot-driven walkthrough that non-engineers can use without active internet access.

Does the documentation generator preserve accurate UI labels from the real application?

Yes, the documentation generator preserves accurate UI labels by mapping client-facing documentation needs through live UI exploration, ensuring the generated Markdown walkthrough references the exact interface text and corresponding screenshots.

How to produce a standardized Markdown walkthrough for a web platform?

To produce a standardized Markdown walkthrough, apply a canonical doc template during the generation process, mapping research and live UI screenshots into a consistent structure that aligns with the reference doc-template.

What is needed to start generating screenshot-driven docs for clients?

To start generating screenshot-driven docs, you need a live web app URL for the Playwright-CLI to explore and capture, which the workflow then synthesizes into a Markdown deliverable following the canonical doc template.