Pinned Tweet
In response to covid spread, we created a crowdsourced app for hospital bed availability in India using Pincode. Pls spread the word and contribute info as it is still very difficult to find a central source for availability. Thanks🙏🏽 indiacovidhelp.in #indiacovid #Beds
Vinod Rajpurohit retweeted
We’ve been experimenting with responsive generative video interfaces. Real-time video models are reshaping responsive design. A thread 🧵
Vinod Rajpurohit retweeted
Please support this GoFundMe by donating or sharing - every bit of help makes a difference. gofund.me/79ea8b5ec
Please support this GoFundMe by donating or sharing - every bit of help makes a difference. gofund.me/79ea8b5ec
our fire made it to dawn tonight - i did my part. it dies if we all skip a day. come breathe:
ember.vinod.me/?g=c88kwm22y
51
Last one > huekit is done 😇
@ huekit/tailwind takes your brand color and gives back a Tailwind v4 @ theme block. paste it in and you've got bg-brand-500, text-brand-700, the whole scale.
theme({ brand: '#3b82f6' })
chroma is fitted per stop so nothing asks for a color your screen can't show. every stop ships a readable text color.
npm i @ huekit/tailwind
npmjs.com/package/@huekit/ta…
1
43
Six packages, all shipped 🚀🚀🚀
✅ hex - hex to oklch()
✅ scale - color to 50-950 ramp
✅ contrast - WCAG/APCA + readable text
✅ mix - blend colors, no muddy middle
✅ tokens - full token set, CSS variables
✅ tailwind - v4 @ theme block
zero dependencies except tailwind depending on tokens. 126 tests. biggest one is 8.6kb
github.com/doniv01/huekit-ta…
1
34
5 of 6 shipped on huekit now🚀
@huekit/tokens takes your brand colors and gives back a full token set. scales, plus a readable text color on every single stop, plus the contrast ratio that proves it.
tokens({ brand: '#3b82f6', danger: '#ef4444' })
output is plain CSS variables, so it works anywhere. or grab the raw model if you want to build your own formatter on top
npm i @huekit/tokens
npmjs.com/package/@huekit/to…
1
63
huekit is 5 of 6 now. Tiny zero-dependency OKLCH tools, each does one thing:
✅ hex - hex to oklch()
✅ scale - color to 50-950 ramp
✅ contrast - WCAG/APCA + readable text
✅ mix - blend colors, no muddy middle
✅ tokens - full token set, CSS variables
⬜ tailwind - v4 @ theme, built on tokens
github.com/doniv01/huekit-to…
one left
1
42
Didn't see this one coming
hold chroma constant across a lightness ramp and you start asking for colors sRGB cannot show. at the light end of a saturated blue i was requesting 13x more chroma than the gamut allows. it was coming out cyan and i had been quietly working around it for weeks.
tokens fits chroma per stop now. vivid in the middle, tapers at the ends. same thing designers have always done by eye.
9
Vinod Rajpurohit retweeted
We've spent years designing developer tools for humans.
What changes when you design them for agents, too?
Join @PayPalDev's "Burn Your Flags" workshop at @aiDotEngineer to explore agent-friendly CLI workflows, real-world design patterns, and lessons from building the upcoming PayPal CLI.
Then put those ideas to the test in a live challenge.
Beat the leaderboard and win an Apple Mac Mini M4.
Join PayPal's workshop at AI Engineer World's Fair on June 29th at 2:20pm PST.
Vinod Rajpurohit retweeted
Meet Axol: a dual-arm robot designed for teams working with physical AI. Made in America.
Axol is for builders who believe robots should work, in the real world, not just staged environments, and that the future of physical AI should be open not closed.
4 of 6 shipped on huekit now 🚀
This one might be my favorite. Plain RGB gradients always die in the middle, red to blue turns into this sad muddy purple-brown right at the halfway point.
@huekit/mix blends in OKLCH instead, so the colors stay bright the whole way across.
gradient('#ff0000', '#0000ff', 5)
also does shades, tints, and plain two-color mixing.
npm i @huekit/mix
npmjs.com/package/@huekit/mi…
1
76
huekit so far -- tiny zero-dependency OKLCH tools, each does one thing:
✅ hex - hex to oklch()
✅ scale - color to 50-950 ramp
✅ contrast - WCAG/APCA + readable text
✅ mix - blend colors, no muddy middle
⬜ tailwind - brand to v4 @ theme
⬜ tokens - design tokens to CSS vars
2 left. Tailwind next, and it ties a bunch of these together
55
Picking text color by eye is a coin flip - white looks right on a blue button until it quietly fails contrast
@huekit/contrast tells you for sure. WCAG and APCA, for hex or OKLCH.
readableOn('#1e40af') → '#ffffff'
score('#fff', '#fde047') → 'Fail'
#3 of 6 in huekit
npm i @huekit/contrast
npmjs.com/package/@huekit/co…
1
56
huekit so far - tiny zero-dependency OKLCH tools, each does one thing:
✅ hex - hex → oklch()
✅ scale - color → 50–950 ramp
✅ contrast - WCAG/APCA + readable text
⬜ mix - blend colors, no muddy middle
⬜ tailwind - brand → v4 @theme
⬜ tokens - design tokens → CSS vars
halfway, mix is next🚀
67
Building a color scale by hand always ends the same way: the mid-tones go muddy and the darks drift off-hue.
@huekit/scale fixes that. One color in, a clean 50–950 ramp out - perceptually even because it's built on OKLCH.
scale('#3b82f6') → { 50: 'oklch(…)', … 950: 'oklch(…)' }
npm i @huekit/scale
npmjs.com/package/@huekit/sc…
1
82
this is #2 of 6. huekit is a set of tiny zero-dependency OKLCH tools, each does one thing:
✅ hex - hex → oklch()
✅ scale - color → 50–950 ramp
⬜ contrast - WCAG ratios + readable text
⬜ mix -blend colors, no muddy middle
⬜ tailwind - brand → v4 @theme
⬜ tokens - design tokens → CSS vars
building the rest this week.
1
130