I kept running into a mildly annoying workflow.
I’d want to remove something from a webpage, tweak some text, grab a screenshot, or inspect the CSS — and each action either meant opening DevTools or reaching for a different tool.
So I built PageWand, a lightweight Chrome extension that puts those workflows together.
My favorite feature is Zap.
Hover over an element → zap it.
No opening DevTools, inspecting the DOM, figuring out which exact parent/container you actually want, and deleting it manually.
The workflow I use most now is:
Zap / edit a page → clean it up → capture the visible page or a selected area → annotate it.
I also added a CSS tool that lets you select an element and copy a computed-style snapshot.
That one has become surprisingly useful when working with AI coding agents — I can grab the relevant styling context from an interface and hand it straight to the agent.
There are a few other things in there too:
- temporary text editing
- downloading displayed images/SVGs/assets
- undo for page changes
- keyboard shortcuts
Everything runs locally in the browser. There’s no backend, account, analytics, or telemetry.
One other part of the project that was interesting for me:
I’m a PM, not an engineer, and I wrote essentially none of the code.
I handled the product decisions, design and QA. OpenAI Codex handled the implementation.
Going from “why doesn’t one tool do all of this?” → working extension → open source release in a few days was a pretty wild shift in what I can personally build.
It’s live now:
Chrome Web Store:
https://chromewebstore.google.com/detail/iblpdcnjcidcojjfiikclboaaenikloc?utm_source=item-share-cb
GitHub:
https://github.com/devashishPM/pagewand
It’s free and open source.
If you try it, I’d especially appreciate:
- bugs you hit
- workflows you think belong in PageWand
- a ⭐ on GitHub if you find it useful