Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 5 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 17 gün önce

😺 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 görüntüleme • 4 ay önce

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 görüntüleme • 1 yıl önce

✨ 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 görüntüleme • 1 yıl önce