正在加载视频...

视频加载失败

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 次观看 • 1 年前 •via X (Twitter)

48 条评论

Aiden Bai 的头像
Aiden Bai1 年前

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 的头像
Aiden Bai1 年前

install here:

Anicet 的头像
Anicet1 年前

open-source? let's fucking go

Aiden Bai 的头像
Aiden Bai1 年前

OSS ftw

Pratham 的头像
Pratham1 年前

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

Aiden Bai 的头像
Aiden Bai1 年前

technicaly can make it one! we're OSS:

JohnPhamous 的头像
JohnPhamous1 年前

v cool

Aiden Bai 的头像
Aiden Bai1 年前

🫶

Jonas 的头像
Jonas1 年前

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 的头像
Supervised1 年前

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

Sree 的头像
Sree1 年前

i think i'm too early

Aiden Bai 的头像
Aiden Bai1 年前

fixed, lol

Sree 的头像
Sree1 年前

🐐

Rob Pruzan 的头像
Rob Pruzan1 年前

Lets fucking go

ange (˶♡ᴗ♡) 的头像
ange (˶♡ᴗ♡)1 年前

W

Shiva Oswal 的头像
Shiva Oswal1 年前

Does this work for entire navbars? Looks pretty sick!

Aiden Bai 的头像
Aiden Bai1 年前

yeah should work for any UI. lmk if it doesnt

Shiva Oswal 的头像
Shiva Oswal1 年前

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 的头像
William Wang1 年前

Fire, going to try this out

Aiden Bai 的头像
Aiden Bai1 年前

lmk!!

Mohil 的头像
Mohil1 年前

brb, need to make a vue version of this

wilson hou 的头像
wilson hou1 年前

wtf this is sick

Shayan C 的头像
Shayan C1 年前

This is so cool

aditya addepalli 的头像
aditya addepalli1 年前

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

Aiden Bai 的头像
Aiden Bai1 年前

all of them!

Kartik Goel 的头像
Kartik Goel1 年前

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 的头像
timagixe1 年前

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

Aiden Bai 的头像
Aiden Bai1 年前

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

Dominik Scholz 的头像
Dominik Scholz1 年前

ohh that looks awesome! :D

Aiden Bai 的头像
Aiden Bai1 年前

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

Juanito 的头像
Juanito1 年前

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

Arc ⚡ 的头像
Arc ⚡1 年前

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

abhiッ 的头像
abhiッ1 年前

W for oss

onurhan 的头像
onurhan1 年前

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

ANURAG 的头像
ANURAG1 年前

Commit by the dev who actually code

Oluwamayowa 的头像
Oluwamayowa1 年前

Another banger from Aiden.

Liam Monaghan 的头像
Liam Monaghan1 年前

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

Aiden Bai 的头像
Aiden Bai1 年前

@amidotdev yep! it'll be one integrated experience

Valtteri 的头像
Valtteri1 年前

nice this will simplify a lot of things

Igor bedesqui 的头像
Igor bedesqui1 年前

Wow I this is so cool!!

Bieefilled 的头像
Bieefilled1 年前

Interesting...

auto 的头像
auto1 年前

fuck man i just released a repo similar to this haha

Jaimish Trivedi 的头像
Jaimish Trivedi1 年前

This is sick! Amazing work 🙌

wesleyvsio 的头像
wesleyvsio1 年前

Creative i love it!

Thales Gelinger 的头像
Thales Gelinger1 年前

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

Ahmad Awais 的头像
Ahmad Awais1 年前

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

gambling_acdict :3🏳️‍⚧️ 的头像
gambling_acdict :3🏳️‍⚧️1 年前

aiden bai my goat !!

TommyZ 的头像
TommyZ1 年前

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

相关视频