Ibelick
@Ibelick

design engineer interfaceoffice.com

 Paris
ibelick.com
Joined July 2009
264 Photos and videos
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
10
11
260
7,877
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
7
3
147
4,919
just added a collection of DESIGN.md files from real products to ui-skills
7
5
247
11,279
ui-skills.com/design-md

Top DESIGN.md files from real-world companies | UI Skills

Curation of public and original design.md files from genuine companies and open source projects

ui-skills.com
1
5
1,103
playing with Jev to get font inspiration
4
1
72
2,881
finally tried Jev and made it search Mark Rothko’s paintings from a few words
5
2
130
6,087
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
5
6
103
5,523
for hover cards, make sure users can reach the content
7
3
219
8,799
making @mesurerdev feel better one detail at a time
12
6
157
7,712
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!
20
14
149
17,435
next @mesurerdev update is coming together
8
1
115
5,591
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!
11
4
83
5,920
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!
11
6
200
14,262
ui-skills now has playbooks. Interactive examples of UI patterns from the best design engineering skills.
5
6
244
10,550
ui-skills.com/playbook

Learn | UI Skills

Interactive playground and lessons from the best design engineering skills

ui-skills.com
1
10
1,267
mesurer 0.0.9 is out. - x-ray mode - font measurements - rulers - lots of small improvements npm i mesurer or install the Chrome extension
27
34
723
28,395
what makes a goot chat item: - reveal actions on hover - keep the hover state while the menu is open - larger hit area for actions - show the full title on hover - double-click to rename, optimistic update - drag between folders/projects
5
84
8,264
It can be hard to find inspiration from genuine DESIGN.md files, created for real-world products. @fflurpage and I started gathering them in one place to compare different approaches. They're a good place to start learning how to share design intent with agents.
2
3
49
3,300
querrel.com/design-md

DESIGN.md index

A curated collection of public DESIGN.md references from companies and open-source projects.

querrel.com
1
8
885
my last skill, improve-ui, audits an interface against its own rules. but what if those rules are spread across CSS files, components, docs, and more? introducing: create-design-md run it in a repo or on a public URL. it turns what it finds into a validated DESIGN.md file
7
13
220
17,705
link: ui-skills.com/skills/ibelick…

create-design-md Skill - ibelick | UI Skills

Create or update a DESIGN.md from an existing product repository or public website, with evidence-based design tokens and guidance. Install from ibelick in one...

ui-skills.com
1
8
1,284
Load more