Skip to content
Raghvendra Pratap Singh.
← Back to work

Elysium Screenshot

Capture a page or region, annotate the result and export it from a browser extension.

Extension & editor development

Elysium ScreenshotWorkflow overview

Workflow

  1. Capture a page or region
  2. Annotate what matters
  3. Export an image or PDF

An explanation of the workflow, not an interactive application.

The problem

Capturing something on a page often turns into a chain of separate tools: take the screenshot, crop it, explain the important part and prepare a file to share.

How it works

The extension brings capture modes, an annotation editor and export into one workflow. Browser background and content scripts coordinate capture, while the editor handles changes to the resulting image.

Engineering decisions

The product is organized around the capture-to-export journey. Browser integration and image editing are separate responsibilities, making their behavior easier to reason about independently.

What I verified

The Chrome extension bundle built and 22 tests passed during verification.

Current limits

Six TypeScript diagnostics remain, and a complete installed-extension capture/export flow has not been verified for this catalogue. The preview explains the workflow rather than simulating an extension.

Collaboration & credits

Built with WXT and React; export and local history use supporting libraries including jsPDF and idb-keyval.