@charles.unemployed: All the design techniques and principles I used to build this age picker: Fitts's law: bigger targets are easier to hit, so the whole width drags Visual hierarchy: the number you're picking is the biggest thing on screen Von Restorff effect: one accent color, only on the needle Object constancy: numbers slide instead of swapping, so your eye can follow Snapping: it always settles on a whole year Motion blur: smooths the jump from one number to the next Natural mapping: older rolls up, younger rolls down Tabular figures: every digit is the same width, so nothing shifts Animate only the delta: just the digit that changed moves Inertia: flick it and it glides to a stop Multimodal feedback: you see and hear every year pass Visual cues: it glows when you hover, so you know it's interactive before you touch it Skeuomorphism: it looks and moves like a real dial, so nobody needs instructions #design #ai #designwithai #claude #Tech

Charles Liu
Charles Liu
Open In TikTok:
Region: CA
Monday 02 November 2026 16:00:47 GMT
69314
4538
33
214

Music

Download

Comments

fomoaccount55
fomo :
>Claude Make an age slider >Claude do everything that he says >Claude make it 100x times cooler >Claude fix all the bugs >Claude do it 100x time cooler >Claude do it 10000000x times cooler
2026-11-02 22:59:38
337
yruski
vanta :
claude do everything he said but make it 10000x cooler no mistakes and handle all my security
2026-11-02 20:52:59
151
user2947490288202
user294749028820293 :
is the code for this available
2026-11-02 23:36:04
14
jahhomer
Jah Homer :
- Slow down the animation as it gets to elderly ages
2026-11-05 22:26:37
3
useernnammee70
ds_24os :
"if it works, don't touch it"
2026-11-05 14:09:41
2
chasexchangexl
Chase :
You’re blessed ❤️🔥
2026-11-06 17:28:32
0
saga.hok
WTM-Saga :
claude add what This guy says
2026-11-06 17:53:26
1
jordan_lachowbroski
aravsun :
the ai isnt bad the prompt is btw[Broken heart]
2026-11-05 11:29:40
0
asniperaimatyourhead
𝐀𝐒𝐀 :
and ofc use the apple font
2026-11-04 01:16:25
3
chichi___1
chichi :
you are not supposed to do age picker. it becomes static and user information get obsolete after an year
2026-11-05 18:20:07
1
k2v.7x73
Nick :
Why would you need a picker instead of entering two digits
2026-11-05 06:12:46
1
cormac.maher
cormac.maher :
add a manual input, for accessibility
2026-11-06 12:01:01
1
evanwarkentin
️ :
More user friendly and easier just to have a text field and then type in two to three digits
2026-11-05 01:55:54
1
epicdudebro997
¬𝖆𝖓𝖆𝖘 :
Claude do this
2026-11-04 20:25:29
2
couldnotupdatename
couldnotupdatename :
Good but i wonder what would make you create an age picker under what circumstances
2026-11-05 06:34:20
0
kevinmacharia155
warlock :
Create a skill for us
2026-11-05 14:15:09
0
anamelyilma
Tech With Anam :
bro keep work
2026-11-05 16:25:58
0
brealabs.dev
BreaLabs :
2026-11-02 23:03:33
0
mcserverinferno
mcserverinferno :
this is why everything is ass nowadays
2026-11-04 07:49:38
1
bamlak.temesgen
Bam ✝️✝️✝️ :
A detailed before-and-after example would be helpful. I wonder how CoHumanly handles text with very short sentences.
2026-11-07 04:19:32
1
To see more videos from user @charles.unemployed, please go to the Tikwm homepage.

Other Videos


About