Ibelick's banner
Ibelick's profile picture

Ibelick

@Ibelick • 11,459 subscribers

design engineer https://t.co/bh1YPUSWyu

Shorts

new skill: component-canvas. it puts all the components from a repo on a canvas, with all their variants and states. a nice way to explore the UI of a codebase.

new skill: component-canvas. it puts all the components from a repo on a canvas, with all their variants and states. a nice way to explore the UI of a codebase.

53,694 次观看

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

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

231,103 次观看

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

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

104,596 次观看

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

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

271,550 次观看

magnetic morph exploration

magnetic morph exploration

108,155 次观看

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

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

68,235 次观看

select any word to explore better options and see next-token probabilities

select any word to explore better options and see next-token probabilities

66,784 次观看

like everyone, I've been using openclaw recently, but managing sessions through chat apps can get messy fast. so I built webclaw, a fast, local-first, open-source web client for openclaw. multi-sessions, no accounts, no db.

like everyone, I've been using openclaw recently, but managing sessions through chat apps can get messy fast. so I built webclaw, a fast, local-first, open-source web client for openclaw. multi-sessions, no accounts, no db.

78,423 次观看

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

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

28,491 次观看

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!

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!

104,375 次观看

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!

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!

13,891 次观看

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

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

30,913 次观看

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

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

89,015 次观看

timeline layout explorations

timeline layout explorations

37,830 次观看

interactive SVG exploration for QuiverAI

interactive SVG exploration for QuiverAI

25,390 次观看

change one word and the model regenerates everything that follows

change one word and the model regenerates everything that follows

11,500 次观看

AI Glossary is now live. built to explain the core concepts behind artificial intelligence, with visual and interactive examples

AI Glossary is now live. built to explain the core concepts behind artificial intelligence, with visual and interactive examples

15,181 次观看

animate the height (around 100ms) to make your command menu feel smoother

animate the height (around 100ms) to make your command menu feel smoother

15,961 次观看

Videos

Ibelick's profile picture

Experimenting with generative UI

Ibelick

116,743 次观看 • 1 年前

没有更多内容可加载