Hélcio Franco

Building @o2dotapp on @fuel_network

[Claude @claudeai]

Introducing Claude Fable 5: a Mythos-class model that we’ve made safe for general use.

Its capabilities exceed those of any model we’ve ever made generally available.

[؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie @lochieaxon]

when animating variable font weights remember to include tighter optical sizing to maintain the width of the text

[Hélcio Franco @helcio_dev]

State of the art hover

[Gabriel @gabriell_lab]

Since Opus 4.8 is out and more and more designers are getting into Design Engineering, I thought I’d share some of the interaction patterns I use most often:

Use proximity, not just hover. When the cursor gets close, nearby elements can subtly scale and darken based on distance.

It makes interfaces feel more responsive, less binary, and way more alive

onpointermove = e =>
document.querySelectorAll(".dock>*").forEach(el => {
const r = el.getBoundingClientRect();
const t = Math.max(0, 1 - Math.abs(e.clientX - r.x - r.width/2) / 120);
el. style.scale = 1 + t * .5;
});

[Hélcio Franco @helcio_dev]

Graphql is a scam

[Kent C. Dodds 🏹 @kentcdodds]

When you see this in your network tab on page load it makes you wonder why they chose graphql...

[Hélcio Franco @helcio_dev]

@shadcn @nishimiya One of the first things I do on a new Mac is to replace the genie effect with the scale effect, much faster.

[shadcn @shadcn]

Unpopular opinion: I don’t care if most web apps look the same. All I care about is whether it does what it says and does it fast.

Make it fast. Make the UX obvious. Put the right things in the right place and little to no animations.

[Hélcio Franco @helcio_dev]

https://t.co/oL4yKRIeqz
Useful CSS helper for increasing clickable area

[Ali Grids @AliGrids]

use ::before to extend the hit area without affecting layout.. @sorenblank

::before {
content: "";
position: absolute;
inset: -10px 0;
}

[Hélcio Franco @helcio_dev]

awesome

[pedronauck @pedronauck]

Since @OpenAIDevs Codex /goal is trending, I decided to open source a loop system a bit more powerful I've been using lately 🔥

Introducing Codex Loop plugin — keeps Codex running as many hours you wish, N deliberate rounds, or an independently verified goal.

More details 👇🏻

[Detail @detaildotdesign]

Small trick to make the image loading feel better

When an image finishes loading, fade it in through a brief blur.

[Hélcio Franco @helcio_dev]

@shadcn Always

[rauno @raunofreiberg]

How to make scrollbars not suck

scrollbar-width: thin;
scrollbar-color: gray transparent;

[David K 🎹 @DavidKPiano]

Released the XState v5 skill 🚀

The goal isn't just "know the API" but rather "help agents make really good state machines"

Tuned & tested against real examples, common anti-patterns, and the mistakes* LLMs tend to make with XState

npx skills add statelyai/skills

[Ali Grids @AliGrids]

UI tip designers often miss. Outer radius = inner radius + padding.

[Ali Grids @AliGrids]

Don't trust the bounding box. Trust your eyes. This blur trick proves why.

[Theo - t3.gg @theo]

Zustand is officially more popular than Redux

[goodfuture @0xGoodfuture]

every skeleton screen you've ever hand-coded is a waste of time

you're literally measuring padding and guessing widths to build a worse version of a layout that already exists in your DOM

so I made a package that just reads the real one

[Hélcio Franco @helcio_dev]

@devcelio Crypto cards sem IOF

[Hélcio Franco @helcio_dev]

True

[David K 🎹 @DavidKPiano]

If you willingly use `useEffect` for data fetching, that's fine, just please go into your GitHub settings and set this to disabled

[TypeScript @typescript]

TypeScript 6.0 is now available!

This release brings better type-checking for methods, new standard library features, new module features for Node.js, and more!

But most important, this release brings us one step closer to the upcoming native-speed 7.0!

https://t.co/hon0RU1L5B