you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

whoa this is a really good article! i spent a bunch of time writing out a structured lib (that handles a bunch of edge cases, glues stuff together). might be helpful for your use case

thx - i read bippy when digging into and trying to understand react internals

glad it was helpful!

I gave this to Claude and he made it a skill AND created a React-Grab style navigator to help you select elements (and optionally use React Grab!)

nicely written -- need to convert this to a skill md

I've been building for over a month and I still learned a lot here. Thanks a lot for the beautiful guide. It's going to make GrabLens 10x better!

Sweet! Def stealing some components from your page

I have actually made an extension that uses this to generate animated videos of your webpage to make presentation videos

Very nice, what did you use to make this site btw?

cursor and opus

Valid Super clean, thought it was a framework

what if you webpacked/bundled with minified js and without a map file

this is the kind of hack that quietly changes how people prototype curious how you think about the ethics though: steal to learn and move faster vs. crossing a line into cloning feels like a superpower that needs some guardrails

damn this is an insane article, well done!

Love the use of the word steal

@aidenybai may interest you if you haven’t seen it already :)

v cool!! love the preview

Good luck stealing my app. The business logic is hidden behind seven layers of abstraction

you can just steal things

is this a chrome extension that extracts?

this is very good

wild how the browser holds secret blueprints, just waiting for curious minds to peek behind the curtain. code is never as hidden as we think.

Is this like advanced inspect element

Instead of doing this, you should go back to the previous prompt edit it and say this is not a working solution as it would produce this result and provided the result that they gave you along with the code generated before because you are editing the previous response so it’s no longer in the context window. It’s really important you do it this way because scientific research shows generating followed by N corrective steps is not as good as generating it in times without any corrective steps

stealing this

Beautiful, thanks for this

what a great read this was ty

This is great work

claude code plugin surely

this gonna get into 10s of thousands in likes and bookmarks

Fantastic article!

interesting

Insanely good

are the cards supposed to look like this?

React Fiber deep dive unlocked. This is the kind of knowledge that changes how you think about building UIs. Nice drop.

Folks been using that for a long time

If we can integrate this to the browser inspect area so devs can have a full cycle of development when working I think would be pretty cool

you're going to jail 😂