mesurerdev

[Faiz Intifada @faizintifada_]

Nemu tool enak buat lo yang vibe coding UI.

Mesurer bisa ngecek spacing dan style elemen langsung di web. Lo coret-coret di elemennya, terus kasih ke coding agent.

Ada Chrome extension dan npm package.

https://t.co/jDzDbYK5Nq

Lo kasih feedback UI ke agent pakai apa? 👇🏻

[Ibelick @Ibelick]

one nice use for component-canvas: putting all the components of a product on a canvas, reviewing them with @mesurerdev, then sending all the feedback to an agent

[Ibelick @Ibelick]

Shipped responsive mode in Mesurer:
preview, inspect and annotate multiple screen sizes, side by side. It's super useful for testing responsive and leaving feedback across different viewports for my agents.

one step closer to making the browser my favorite design tool.

[Ibelick @Ibelick]

mesurer toolbar now snaps to edges and hides when you don't need it

[Ibelick @Ibelick]

added motion inspection to mesurer.

you can now inspect animations: see timing, properties and keyframes, play, pause or slow them down.

npm i mesurer or install the Chrome extension

[Ibelick @Ibelick]

added screen recording to mesurer.

I've been using it to quickly capture interactions for PRs or slack messages. another small step toward making visual feedback easier from the browser.

npm i mesurer or you can install the chrome extension

[Ibelick @Ibelick]

mesurer 0.2.0 is out.
- new layout guides
- dark mode
- improved inspect mode and annotations
- smoother overall experience

npm i mesurer
or install the Chrome extension

[Ibelick @Ibelick]

just shipped mesurer 0.1.5.

- new comments tool
- threads, replies, persistence, and copy comments for agents or teammates
- faster inspect mode, copy any DOM element, more typography details
- lots of small improvements

npm i mesurer or install the Chrome extension

[Ibelick @Ibelick]

mesurer 0.1.1 is live.

you can now annotate:
- arrows
- pen
- text
- and more

it's changing how I interact with agents, also useful to give feedback on any interface.

npm i mesurer or install the chrome extension!

[Ibelick @Ibelick]

next @mesurerdev update is coming together

[Ibelick @Ibelick]

mesurer 0.1.0: you can now capture your screen, copy it straight to your clipboard, and paste it anywhere, including in your agent chat.

it's already changed my workflow, lots more to come!