guide-from-screenshotslisted

Generates polished markdown guides from a directory of screenshots and a narrative. Visually reads each image, filters out redundant or irrelevant captures, organizes them contextually, and produces a Notion-compatible markdown file with image placeholders and structured sections. Use when you have screenshots and want to create a product guide, demo walkthrough, or tool guide.
mostafa-drz/claude-skills · ★ 4 · Code & Development · score 76

Install: claude install-skill mostafa-drz/claude-skills

# Guide from Screenshots Turns a directory of screenshots + a narrative into a structured markdown guide. ## Preferences _On startup, use Read to load `~/.claude/skills/guide-from-screenshots/preferences.md`. If it doesn't exist, use defaults._ ## Command routing Check `$ARGUMENTS`: - **`help`** — display help then stop - **`config`** — interactive setup then stop - **`reset`** — delete preferences file, confirm, stop - **anything else** — run the skill ### Help ``` Guide from Screenshots — Generate markdown guides from screenshots + narrative Usage: /guide-from-screenshots <dir> Generate guide from screenshots in <dir> /guide-from-screenshots <dir> --name OUTPUT.md Custom output filename /guide-from-screenshots <dir> --type demo Preset guide type (product|demo|tool) /guide-from-screenshots config Set preferences /guide-from-screenshots reset Clear preferences /guide-from-screenshots help This help The narrative/context comes from your conversation — describe what the screenshots show before running the skill, or provide it when prompted. Examples: /guide-from-screenshots ~/Desktop/onboarding-screenshots /guide-from-screenshots ./data/demo-screenshots --type demo --name DEMO_GUIDE.md Current preferences: (read from preferences.md or defaults) ``` ### Config Use AskUserQuestion to collect: - **Q1: Default guide type** — product / demo / tool / ask each ti