guide-from-screenshots
SolidGenerates 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.
Install
Quality Score: 83/100
Skill Content
Details
- Author
- mostafa-drz
- Repository
- mostafa-drz/claude-skills
- Created
- 7 months ago
- Last Updated
- yesterday
- Language
- HTML
- License
- MIT
Similar Skills
Semantically similar based on skill content — not just same category
guides
Shared reference guides read with read_skill(name "guides", path "<file>") — html-design.md (the progress page's look) and diagrams.md (JSXGraph figures for geometry, graphs and number lines). For writing image_gen/image_edit prompts, see the separate image-prompting skill.
satva-guide-gif
Produce a Satva house-format setup/user guide for any web feature — annotated full-screen screenshots with numbered callout rings, a cursor-animated narrated GIF of the whole flow, and a branded A4 PDF (SATVA banner header, contact footer, Mulish, cover page + Version History) with the GIF storyboard embedded at the end. Use when asked for a user guide, setup guide, feature documentation, walkthrough or demo GIF, annotated screenshots for a doc, or "document this feature like the Xero/Shopify MCP guide". Captures a LOCALLY RUNNING app seeded with fake data, so use it after the feature works.
create-onboarding-guide
Generate a self-contained HTML onboarding tour of a repository — architecture diagram, directory map, key flow walkthroughs, and a recommended reading order — for new team members. Use when the user wants onboarding material, asks for a codebase overview/architecture tour, or wants to explain a repo to someone new.