App Docs

Automates the tedious work of documenting a web app by browsing it with Playwright or Chrome MCP, screenshotting every page, and generating structured user guides with step-by-step instructions and annotated images. Four depth modes from quick (10 screenshots, happy path) to exhaustive (150+ screenshots, admin guides, keyboard shortcuts, mobile views, every error state). It actually clicks through your app's navigation to build a page inventory, waits for real data to load, and writes sections that teach workflows instead of just dumping images. Outputs GitHub-flavored markdown or a self-contained HTML file. Solid for client handoffs or onboarding docs when you need something better than a Loom video.

skills.sh installs: 1.1K
GitHub stars: 1.1K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add jezweb/claude-skills --skill app-docs --agent claude-code

Installs into .claude/skills of the current project.

Files

App Documentation Generator

Browse a running web app, screenshot every screen, and produce documentation good enough to publish. Not a screenshot dump — a structured guide that teaches someone how to use the app.

Browser Tool Detection

Same as ux-audit — Chrome MCP, Playwright MCP, or playwright-cli.

URL Resolution

Same as ux-audit — prefer deployed/live URL over localhost.

Depth Levels

Depth	Screenshots	What it produces	Duration
quick	~10	Single-page quick-start guide. Key screens, happy path only.	10-15 min
standard	~30	Full user guide. All pages, primary workflows, reference tables.	30-60 min
thorough	~80+	Comprehensive guide. All states, mobile views, every CRUD flow, troubleshooting.	1-3 hours
exhaustive	~150+	Publishable documentation suite. Everything in thorough plus: getting started tutorial, feature-by-feature deep dives, admin guide, keyboard shortcut reference, FAQ, and HTML version.	3-6 hours