HN Explorer

Show HN: Devbar – Point at what to change. Leave a comment. Your agent ships it (devbar.sh)

1 points by linesofcode ↗ HN
I built this toolbar to power my agentic ui/ux design flows. Too many times I found myself copy/pasting screenshots into Claude.

Use devbar to select elements on a page, leave your notes and easily send them to your agent or copy-paste to your clipboard.

Integrate with our API to send bug and feature reports directly to Slack...then auto-triage and implement with your agent.

Are you tired of receiving bug reports without a URL or session information? With devbar.sh that's a remnant of the past.

Give devbar to a product team or customers and have them mark up your entire site with annotations that can be handed off straight to the agent.

6 comments

[ 0.26 ms ] story [ 11.4 ms ] thread
torranx
this is interesting. starring the gh repo so i can try this soon
FaisBuilds
This is a really neat workflow. The ability to select an element and pass the context/annotations directly to an agent sounds way more useful than constantly screenshotting and explaining what is wrong.
linesofcode
Totally! I was copy and pasting screenshots to Claude endlessly. Also this lets you do a more intentional review, build up a batch of changes and then fire them at the agent in one go. Or give the devbar to a non-tech person on the team and have them export a PDF / HTML / Markdown of their notes, mapped to a screenshot and an x-path automatically.
dahshanlabs
i use .klypix formats to load the claude with screenshots & context i need it to address it