screenshotting-apps
CommunityAnnotate web-app screenshots with overlays
Design & Creative#markdown#screenshots#web-automation#agent-browser#annotate#ui-documentation#visual-docs
AuthorNealST
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Automates the creation of visually annotated documentation for web applications by capturing screenshots and overlaying guidance to illustrate UI elements.
Core Features & Use Cases
- Auto-discovers site pages and renders a single markdown doc with per-page annotations.
- Supports local dev servers and live websites, with configurable annotation types (box, click, circle) and color-coding.
- Generates navigation-friendly visual guides for product docs, onboarding, and feature walkthroughs.
Quick Start
Run the skill to generate a ready-to-share visual guide for a specified site.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: screenshotting-apps Download link: https://github.com/NealST/blog-source/archive/main.zip#screenshotting-apps Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.