Loading video...

Video Failed to Load

Go Home

Introducing React Grab Select any element on your page → tell Claude Code or Codex what to change Fully open source npx react-grab@latest

aidenybai's profile picture

Aiden Bai

68,572 subscribers

950,423 views • 3 months ago •via X (Twitter)

EducationNews & PoliticsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing React Grab: Select elements and edit with Cursor/Claude Code Works in your localhost and in any React app
0:11

Introducing React Grab: Select elements and edit with Cursor/Claude Code Works in your localhost and in any React app

Aiden Bai

525,241 views • 6 months ago

Introducing /react-doctor Your React app probably has bad code. This fixes it Install as agent skill. Fully open source. npx react-doctor@latest
0:15

Introducing /react-doctor Your React app probably has bad code. This fixes it Install as agent skill. Fully open source. npx react-doctor@latest

Aiden Bai

571,304 views • 15 days ago

Introducing React Native Doctor Find performance and security bugs in your mobile app Run via CLI and fix with agents. Fully open source npx react-doctor@latest
0:17

Introducing React Native Doctor Find performance and security bugs in your mobile app Run via CLI and fix with agents. Fully open source npx react-doctor@latest

Aiden Bai

156,867 views • 9 days ago

i think i might've got React Grab working in the terminal... select a TUI element → give to agent as context
0:11

i think i might've got React Grab working in the terminal... select a TUI element → give to agent as context

Aiden Bai

36,481 views • 2 months ago

React Doctor v2 is here Your agent writes bad React code, this catches it Works with Next.js, Vite, React Native. Fix your app in minutes npx react-doctor@latest
0:13

React Doctor v2 is here Your agent writes bad React code, this catches it Works with Next.js, Vite, React Native. Fix your app in minutes npx react-doctor@latest

Aiden Bai

777,879 views • 1 month ago

Introducing text-to-lottie: an open source skill and harness for generating production ready Lottie animations with codex/claude code. $ npx skills add diffusionstudio/lottie Prompts guide and repo in the comments.
0:12

Introducing text-to-lottie: an open source skill and harness for generating production ready Lottie animations with codex/claude code. $ npx skills add diffusionstudio/lottie Prompts guide and repo in the comments.

konstantinpaulus

735,948 views • 2 days ago

Introducing Expect Let agents test your code in a real browser 1. Run Claude Code / Codex to QA your app 2. Watch a video of every bug found 3. Fix and repeat until passing Run as a CLI or agent skill. Fully open source
0:16

Introducing Expect Let agents test your code in a real browser 1. Run Claude Code / Codex to QA your app 2. Watch a video of every bug found 3. Fix and repeat until passing Run as a CLI or agent skill. Fully open source

Aiden Bai

840,395 views • 2 months ago

Introducing Million Lint: A VSCode extension that automatically fixes slow React code for you! Try it out via CLI: npx million@latest
0:15

Introducing Million Lint: A VSCode extension that automatically fixes slow React code for you! Try it out via CLI: npx million@latest

Aiden Bai

213,789 views • 1 year ago

Introducing React Doctor Scan your React codebase for anti-patterns: - Unnecessary useEffects - Fix accessibility issues - Prop drilling instead of context / composition Run as a CLI or agent skill. Repeat until passing. Fully open source
0:12

Introducing React Doctor Scan your React codebase for anti-patterns: - Unnecessary useEffects - Fix accessibility issues - Prop drilling instead of context / composition Run as a CLI or agent skill. Repeat until passing. Fully open source

Aiden Bai

1,073,083 views • 3 months ago

run parallel coding agents in the browser Introducing React Grab:
0:15

run parallel coding agents in the browser Introducing React Grab:

Aiden Bai

258,992 views • 6 months ago

Turn any app into an MCP host! With @copilotkit's new MCP Client Component, you can connect your app to any MCP server, just like Cursor or Claude Desktop. Simply run this command: npx copilotkit@latest init -m MCP 100% open-source.
0:19

Turn any app into an MCP host! With @copilotkit's new MCP Client Component, you can connect your app to any MCP server, just like Cursor or Claude Desktop. Simply run this command: npx copilotkit@latest init -m MCP 100% open-source.

Akshay 🚀

50,119 views • 1 year ago

made a nothing design skill for claude code. tell it "nothing style" and it builds the whole thing. tokens, components, dark+light. go grab it, it’s open source:
0:15

made a nothing design skill for claude code. tell it "nothing style" and it builds the whole thing. tokens, components, dark+light. go grab it, it’s open source:

Dom

285,283 views • 2 months ago

Tired of asking Claude to change a Tailwind class? Claude Code on desktop makes it easy to browse, view, or edit files. Use CMD+Shift+F or open select Files from the pane picker in your sessions today.
0:16

Tired of asking Claude to change a Tailwind class? Claude Code on desktop makes it easy to browse, view, or edit files. Use CMD+Shift+F or open select Files from the pane picker in your sessions today.

Anthony Morris ツ

15,738 views • 1 month ago

We updated Argent to use React DevTools backend as the source of profiling data ⚛️ Took Claude Haiku 4.5 + Argent only 1.5 minutes to profile a flow in a React Native app 👀 Give it a try: npx @swmansion/argent init
0:12

We updated Argent to use React DevTools backend as the source of profiling data ⚛️ Took Claude Haiku 4.5 + Argent only 1.5 minutes to profile a flow in a React Native app 👀 Give it a try: npx @swmansion/argent init

Software Mansion

12,057 views • 1 month ago

I made an extension for using Claude Code, Codex CLI, Copilot in the browser. Select elements and send them to the agent. Works in: ✅ Next.js ✅ React (Vite) ✅ TanStack Start ✅ Vue ✅ Astro ✅ Plain HTML ✅ Any other framework (.NET, Ruby, etc.) Here's how it works...
0:15

I made an extension for using Claude Code, Codex CLI, Copilot in the browser. Select elements and send them to the agent. Works in: ✅ Next.js ✅ React (Vite) ✅ TanStack Start ✅ Vue ✅ Astro ✅ Plain HTML ✅ Any other framework (.NET, Ruby, etc.) Here's how it works...

Wesley

97,169 views • 8 months ago

Claude Code on desktop lets you select DOM elements directly, much easier than describing which component you want updated! Claude gets the tag, classes, key styles, surrounding HTML, and a cropped screenshot. React apps also get the source file, component name and props
0:16

Claude Code on desktop lets you select DOM elements directly, much easier than describing which component you want updated! Claude gets the tag, classes, key styles, surrounding HTML, and a cropped screenshot. React apps also get the source file, component name and props

Lydia Hallie ✨

605,225 views • 2 months ago

You can now 'inspect element' for any iOS app directly in Codex or the browser! ~ / npx serve-sim S/O Rounak Jain for the contribution 🚀
0:10

You can now 'inspect element' for any iOS app directly in Codex or the browser! ~ / npx serve-sim S/O Rounak Jain for the contribution 🚀

Evan Bacon 🥓

147,196 views • 1 month ago

Introducing Dexter 2.0 Open source. Built for financial research. Like Claude Code, but for stocks. What Dexter does: • plans tasks • runs on its own • validates its work • researches stocks It uses OSS tools like , with a fresh stack of typescript, react, ink, and bun. Fast to build. Easy to use. No coding required. My favorite project of the year.
0:13

Introducing Dexter 2.0 Open source. Built for financial research. Like Claude Code, but for stocks. What Dexter does: • plans tasks • runs on its own • validates its work • researches stocks It uses OSS tools like , with a fresh stack of typescript, react, ink, and bun. Fast to build. Easy to use. No coding required. My favorite project of the year.

Virat Singh

209,854 views • 6 months ago

react three fiber + three.js for react. pure claude code if you're a designer who's been scared of the coding part, this is your sign it doesn't have to be yours anymore
0:16

react three fiber + three.js for react. pure claude code if you're a designer who's been scared of the coding part, this is your sign it doesn't have to be yours anymore

synccreation

22,651 views • 1 month ago

The first version of React Native Vision OS is out! 🎉🥽 You can init your project using this command: `npx @callstack/react-native-visionos init MyApp` We are still in the early stages of development. If you encounter any bugs, please don't hesitate to open a new issue 🙏
0:15

The first version of React Native Vision OS is out! 🎉🥽 You can init your project using this command: `npx @callstack/react-native-visionos init MyApp` We are still in the early stages of development. If you encounter any bugs, please don't hesitate to open a new issue 🙏

Oskar

278,823 views • 2 years ago