HN Showcase
Back to browse
GitHub Repository

PastePath.com Turn clipboard images and URLs into annotated, sequential tutorials. Create shareable walkthrough pages with an integrated stepper for rapid documentation

3 starsTypeScript

A tool to turn random screenshots into structured tutorials

by naimurhasanrwd·Apr 7, 2026·2 points·0 comments
Visit ProjectView on HN

AI Analysis

●MidShip ItCozy

Clean screenshot walkthroughs but Snagit and CleanShot already dominate this space.

Strengths
  • •Cloudflare D1 backend migration removes direct browser-to-database exposure
  • •Multi-step reordering with captions per screenshot improves tutorial clarity
  • •Shareable links with optional password protection for sensitive docs
Weaknesses
  • •Screenshot annotation is extremely crowded with established paid alternatives
  • •No clear differentiation beyond being free and web-based
Category
Productivity
Target Audience

Technical writers, support teams, QA engineers

Similar To

Snagit · CleanShot X · Tango

Post Description

Hi HN, I built PastePath as a small tool for turning screenshots into step-by-step visual guides.

You can paste or upload screenshots, annotate them with arrows/shapes/text/freehand, reorder them into steps, add captions, and share a clean link. It is useful for tutorials, bug reports, docs, product reviews, QA walkthroughs, onboarding, and support replies.

The app is React/TypeScript on the frontend, with a small TypeScript backend using Cloudflare D1 for share persistence. I originally built it on Lovable/Supabase, but recently moved it to a backend-owned D1 flow so the browser no longer talks directly to the database.

Feedback welcome, especially around the annotation UX and what tools would make screenshot walkthroughs faster.

Similar Projects