Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing React Grab: Select an element → give it to AI as context → make a change to your page Try it now - it's open source!

440,085 görüntüleme • 1 yıl önce •via X (Twitter)

48 Yorum

Aiden Bai profil fotoğrafı
Aiden Bai1 yıl önce

By default coding agents cannot access elements on your page React Grab enables this & works with all of the AI coding tools - Cursor, Claude Code, OpenCode GitHub: Demo:

Aiden Bai profil fotoğrafı
Aiden Bai1 yıl önce

install here:

Anicet profil fotoğrafı
Anicet1 yıl önce

open-source? let's fucking go

Aiden Bai profil fotoğrafı
Aiden Bai1 yıl önce

OSS ftw

Pratham profil fotoğrafı
Pratham1 yıl önce

Low-key wished this was an extension instead but totally understandable.

Aiden Bai profil fotoğrafı
Aiden Bai1 yıl önce

technicaly can make it one! we're OSS:

JohnPhamous profil fotoğrafı
JohnPhamous1 yıl önce

v cool

Aiden Bai profil fotoğrafı
Aiden Bai1 yıl önce

🫶

Jonas profil fotoğrafı
Jonas1 yıl önce

You should consider adding source code context like component name and file path as an optimization for large codebases. I prototyped a similar tool for @getsentry, and the extra context really helped reduce the number of tool calls and instances where it updates a component on a different page.

Supervised profil fotoğrafı
Supervised1 yıl önce

me making a superapp to rival the tech giants.. simply w/ react grab:

Sree profil fotoğrafı
Sree1 yıl önce

i think i'm too early

Aiden Bai profil fotoğrafı
Aiden Bai1 yıl önce

fixed, lol

Sree profil fotoğrafı
Sree1 yıl önce

🐐

Rob Pruzan profil fotoğrafı
Rob Pruzan1 yıl önce

Lets fucking go

ange (˶♡ᴗ♡) profil fotoğrafı
ange (˶♡ᴗ♡)1 yıl önce

W

Shiva Oswal profil fotoğrafı
Shiva Oswal1 yıl önce

Does this work for entire navbars? Looks pretty sick!

Aiden Bai profil fotoğrafı
Aiden Bai1 yıl önce

yeah should work for any UI. lmk if it doesnt

Shiva Oswal profil fotoğrafı
Shiva Oswal1 yıl önce

Oh, and why is it "react grab" and not "react screenshot"? Is it intentional context window limit or just the name u went with?

William Wang profil fotoğrafı
William Wang1 yıl önce

Fire, going to try this out

Aiden Bai profil fotoğrafı
Aiden Bai1 yıl önce

lmk!!

Mohil profil fotoğrafı
Mohil1 yıl önce

brb, need to make a vue version of this

wilson hou profil fotoğrafı
wilson hou1 yıl önce

wtf this is sick

Shayan C profil fotoğrafı
Shayan C1 yıl önce

This is so cool

aditya addepalli profil fotoğrafı
aditya addepalli1 yıl önce

whoa, dope! does this work with all IDEs/code editors or only a select few?

Aiden Bai profil fotoğrafı
Aiden Bai1 yıl önce

all of them!

Kartik Goel profil fotoğrafı
Kartik Goel1 yıl önce

Liked the concept for sure! But any concrete/bigger use cases you foresee? I can only think of the case where designers can tweak and play around as of now.

timagixe profil fotoğrafı
timagixe1 yıl önce

can you provide more complex usage examples? to make this change you don't need this tool, code editor is just enough

Aiden Bai profil fotoğrafı
Aiden Bai1 yıl önce

esp. on bigger react apps (with many, many nested components)

Dominik Scholz profil fotoğrafı
Dominik Scholz1 yıl önce

ohh that looks awesome! :D

Aiden Bai profil fotoğrafı
Aiden Bai1 yıl önce

lmk if you hit any issues! should be super simple to integrate

Juanito profil fotoğrafı
Juanito1 yıl önce

What tool do you use to record/edit videos in that style? Zoom in / out.

Arc ⚡ profil fotoğrafı
Arc ⚡1 yıl önce

Nice, would be cool if it gave styling options that you could hover over and see it change live

abhiッ profil fotoğrafı
abhiッ1 yıl önce

W for oss

onurhan profil fotoğrafı
onurhan1 yıl önce

fire 🔥 OOS makes it 10x cooler. Also obsessed with the demo website

ANURAG profil fotoğrafı
ANURAG1 yıl önce

Commit by the dev who actually code

Oluwamayowa profil fotoğrafı
Oluwamayowa1 yıl önce

Another banger from Aiden.

Liam Monaghan profil fotoğrafı
Liam Monaghan1 yıl önce

Like it! Are there plans to integrate with @amidotdev ?

Aiden Bai profil fotoğrafı
Aiden Bai1 yıl önce

@amidotdev yep! it'll be one integrated experience

Valtteri profil fotoğrafı
Valtteri1 yıl önce

nice this will simplify a lot of things

Igor bedesqui profil fotoğrafı
Igor bedesqui1 yıl önce

Wow I this is so cool!!

Bieefilled profil fotoğrafı
Bieefilled1 yıl önce

Interesting...

auto profil fotoğrafı
auto1 yıl önce

fuck man i just released a repo similar to this haha

Jaimish Trivedi profil fotoğrafı
Jaimish Trivedi1 yıl önce

This is sick! Amazing work 🙌

wesleyvsio profil fotoğrafı
wesleyvsio1 yıl önce

Creative i love it!

Thales Gelinger profil fotoğrafı
Thales Gelinger1 yıl önce

I almost started to build something like this, i am happy you did it first

Ahmad Awais profil fotoğrafı
Ahmad Awais1 yıl önce

haha nice idea. i have a weird version of this but this is well executed, will check it out.

gambling_acdict :3🏳️‍⚧️ profil fotoğrafı
gambling_acdict :3🏳️‍⚧️1 yıl önce

aiden bai my goat !!

TommyZ profil fotoğrafı
TommyZ1 yıl önce

Interesting. Would it be possible to install this globally somehow?

Benzer Videolar