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,285 subscribers

229,857 views • 3 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 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,500 views • 3 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

721,733 views • 6 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,121 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,400 views • 5 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

99,892 views • 16 days 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 • 1 month 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

236,991 views • 3 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,923 views • 6 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

88,945 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,094 views • 6 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

98,133 views • 2 years 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,192 views • 17 days 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

67,982 views • 3 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,037 views • 10 months 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

74,079 views • 1 year 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 • 1 month 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 • 10 months ago

Preview in Claude Code on desktop makes it easy to give Claude context. You can attach DOM elements or use the pencil tool to draw directly on your UI!
0:16

Preview in Claude Code on desktop makes it easy to give Claude context. You can attach DOM elements or use the pencil tool to draw directly on your UI!

Anthony Morris ツ

51,145 views • 2 months ago

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.
0:17

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

324,906 views • 2 years ago

Introducing Scheduling. Free, fast, and finally not as a separate tool—share your availability right from Notion Calendar. Click “Scheduling” to start booking time today.
0:19

Introducing Scheduling. Free, fast, and finally not as a separate tool—share your availability right from Notion Calendar. Click “Scheduling” to start booking time today.

Notion Calendar

97,425 views • 1 year ago