Loading video...

Video Failed to Load

Go Home

introducing mesurer a tiny tool to measure spacing and align your UI on localhost npm i mesurer

Ibelick's profile picture

Ibelick

11,340 subscribers

230,034 views • 5 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

mesurer 0.0.11 is live: - color picker - settings: customize guides, colors, rulers, and more npm i mesurer or install the Chrome extension. can't wait to share what's next!
0:16

mesurer 0.0.11 is live: - color picker - settings: customize guides, colors, rulers, and more npm i mesurer or install the Chrome extension. can't wait to share what's next!

Ibelick

13,891 views • 1 month ago

mesurer 0.0.9 is out. - x-ray mode - font measurements - rulers - lots of small improvements npm i mesurer or install the Chrome extension
0:14

mesurer 0.0.9 is out. - x-ray mode - font measurements - rulers - lots of small improvements npm i mesurer or install the Chrome extension

Ibelick

28,109 views • 1 month ago

mesurer is now also available as an extension you can check measurements and alignment on any site
0:12

mesurer is now also available as an extension you can check measurements and alignment on any site

Ibelick

30,913 views • 5 months ago

Introducing Agentation: a visual feedback tool for agents. Available now: ~npm i agentation Click elements, add notes, copy markdown. Your agent gets element paths, selectors, positions, and everything else it needs to find and fix things. Link to full docs below ↓
0:16

Introducing Agentation: a visual feedback tool for agents. Available now: ~npm i agentation Click elements, add notes, copy markdown. Your agent gets element paths, selectors, positions, and everything else it needs to find and fix things. Link to full docs below ↓

Benji Taylor

723,897 views • 8 months ago

Introducing prompt-kit A set of high-quality, customizable components for building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!
0:13

Introducing prompt-kit A set of high-quality, customizable components for building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!

Ibelick

104,375 views • 1 year ago

Introducing agent-tail: a dev tool that makes your logs easily accessible to agents. npm i agent-tail Wrap dev server commands, add the Vite/Next plugin, install the skill, and your agent has full context of your browser, server, and any other logs. Link to full docs below ↓
0:10

Introducing agent-tail: a dev tool that makes your logs easily accessible to agents. npm i agent-tail Wrap dev server commands, add the Vite/Next plugin, install the skill, and your agent has full context of your browser, server, and any other logs. Link to full docs below ↓

Kyle Gill

29,414 views • 7 months ago

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it
0:15

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it

Ibelick

104,423 views • 2 months ago

This tiny emergency tool fits in your wallet and can be a lifesaver .
0:19

This tiny emergency tool fits in your wallet and can be a lifesaver .

engineer's world

254,506 views • 3 months ago

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon
0:19

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon

Mike Bespalov

238,471 views • 5 months ago

Introducing AI comments in Conductor! We’ve given Claude a tool to review + comment directly on your diff. Add the comments to your chat in one click:
0:11

Introducing AI comments in Conductor! We’ve given Claude a tool to review + comment directly on your diff. Add the comments to your chat in one click:

Charlie Holtz

25,957 views • 8 months ago

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.
0:15

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Ibelick

89,015 views • 2 years ago

Introducing Bucketdrop - a tiny S3 client that sits on your menubar Bring your own keys Open source Free
0:15

Introducing Bucketdrop - a tiny S3 client that sits on your menubar Bring your own keys Open source Free

Fayaz Ahmed

263,222 views • 8 months ago

I added a lasso selection tool to my Character Weight app! You can now make precise selections to measure your character's weight. Try it out at the link below!
0:19

I added a lasso selection tool to my Character Weight app! You can now make precise selections to measure your character's weight. Try it out at the link below!

Oxie

99,750 views • 3 years ago

just updated ui-skills: It's now a collection of the best skills for design engineering
0:12

just updated ui-skills: It's now a collection of the best skills for design engineering

Ibelick

68,235 views • 5 months ago

Building on Injective with AI can now start with a one line command. Introducing the Injective AI Agent SDK. One npm package to power your agentic finance journey with the tools needed to research, query and launch onchain agents with Injective.
0:12

Building on Injective with AI can now start with a one line command. Introducing the Injective AI Agent SDK. One npm package to power your agentic finance journey with the tools needed to research, query and launch onchain agents with Injective.

Injective 🥷

41,945 views • 2 months ago

when aligning icons with text, you can set the height to 1lh it equals the element's line-height, so icons align perfectly
0:13

when aligning icons with text, you can set the height to 1lh it equals the element's line-height, so icons align perfectly

Ibelick

271,496 views • 1 year ago

bespoke brand design tools are a great use case for building your own tools all of these were generated in code first, then I build a custom tool ui layer on top for precise edits and variations
0:18

bespoke brand design tools are a great use case for building your own tools all of these were generated in code first, then I build a custom tool ui layer on top for precise edits and variations

Kazden

46,393 views • 17 days ago

😺 hurry up and align your face, align your face 🐈‍⬛️ no, i can't align it ~ i haven't shaved in like 3 to 5 days right now. HAHAHA JUNGWON REALLY WANTS THAT JOINT SELCA 😭😭😹
0:13

😺 hurry up and align your face, align your face 🐈‍⬛️ no, i can't align it ~ i haven't shaved in like 3 to 5 days right now. HAHAHA JUNGWON REALLY WANTS THAT JOINT SELCA 😭😭😹

IYA #1 fan

41,927 views • 4 months ago

UI/UX Designers, you can now generate stunning 3D mockup images and videos without relying on Figma plugins. I found this amazing tool called ContentCore, It quickly generate high-quality 3D device mockups (images and video animations) to showcase your UI designs, with zero design hassle. Bookmark it for later 💜
0:16

UI/UX Designers, you can now generate stunning 3D mockup images and videos without relying on Figma plugins. I found this amazing tool called ContentCore, It quickly generate high-quality 3D device mockups (images and video animations) to showcase your UI designs, with zero design hassle. Bookmark it for later 💜

Abraham John 🦄🦓

48,047 views • 1 year ago

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI
0:13

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI

Dillion

75,602 views • 1 year ago