正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Aiden Bai

70,363 subscribers

527,287 次观看 • 11 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

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

Aiden Bai

959,031 次观看 • 7 个月前

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

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

788,040 次观看 • 5 个月前

In Claude Code desktop's Browser pane, you can select any element (⌘⇧S) and say what to change. Claude reads the DOM elements, React components, and styles before making edits. You can also draw on the page, and give the annotation to Claude as context.

In Claude Code desktop's Browser pane, you can select any element (⌘⇧S) and say what to change. Claude reads the DOM elements, React components, and styles before making edits. You can also draw on the page, and give the annotation to Claude as context.

Anthony Morris ツ

46,294 次观看 • 2 个月前

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...

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,456 次观看 • 1 年前

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

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

172,586 次观看 • 4 个月前

Introducing Tether: agent-agnostic visual editor for your localhost projects. Visually select components and ask for changes without leaving your browser – using the tools and services you already pay for. DM for early access. Available for Cursor, Claude Code, and more coming soon.

Introducing Tether: agent-agnostic visual editor for your localhost projects. Visually select components and ask for changes without leaving your browser – using the tools and services you already pay for. DM for early access. Available for Cursor, Claude Code, and more coming soon.

pav

135,672 次观看 • 1 年前

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

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

586,747 次观看 • 4 个月前

just shipped a curved scrollbar made with Expo react-native-svg and reanimated works on mobile and web grab the code 👇

just shipped a curved scrollbar made with Expo react-native-svg and reanimated works on mobile and web grab the code 👇

rs

30,840 次观看 • 1 年前

Introducing React Doctor for Performance Fix slow React code and make it fast npx react-doctor@latest

Introducing React Doctor for Performance Fix slow React code and make it fast npx react-doctor@latest

Aiden Bai

156,486 次观看 • 4 个月前

run parallel coding agents in the browser Introducing React Grab:

run parallel coding agents in the browser Introducing React Grab:

Aiden Bai

259,662 次观看 • 10 个月前

Just so you know. This approach also works in React Native This UI was not built with react code 👀

Just so you know. This approach also works in React Native This UI was not built with react code 👀

Dane Mackier

41,874 次观看 • 2 年前

terminal-browser v0.8 You can now send elements to your agent in one click, powered by react grab

terminal-browser v0.8 You can now send elements to your agent in one click, powered by react grab

Rob Pruzan

43,940 次观看 • 1 个月前

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

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 ✨

608,327 次观看 • 7 个月前

🎉 Introducing Hermes in ANY app Your personal agent automating work, controlling software, or running tasks with generative UI, human-in-the-loop and more. Use Hermes anywhere over AG-UI: → React & React Native → Next.js → Angular → Slack, MS Teams Check it out ↓ Nous Research Brooklyn! Teknium 🪽 @austinkpickett

🎉 Introducing Hermes in ANY app Your personal agent automating work, controlling software, or running tasks with generative UI, human-in-the-loop and more. Use Hermes anywhere over AG-UI: → React & React Native → Next.js → Angular → Slack, MS Teams Check it out ↓ Nous Research Brooklyn! Teknium 🪽 @austinkpickett

CopilotKit🪁

267,410 次观看 • 2 个月前

Testing controlled neodrag in svelte and react and I'm again so disappointed in React. it just stutters so terribly. React code here is using useMemo and useCallback, svelte code has absolutely no such requirements. Left: Svelte. Right: React

Testing controlled neodrag in svelte and react and I'm again so disappointed in React. it just stutters so terribly. React code here is using useMemo and useCallback, svelte code has absolutely no such requirements. Left: Svelte. Right: React

{PuruVijay}.svelte

100,445 次观看 • 1 年前

I made a Chrome extension that turns localhost into a visual editor for Cursor. Click any element on your dev site → describe what you want changed → it automatically sends the edit request to Cursor in the background with the element context. Here's how it works...

I made a Chrome extension that turns localhost into a visual editor for Cursor. Click any element on your dev site → describe what you want changed → it automatically sends the edit request to Cursor in the background with the element context. Here's how it works...

pav

969,269 次观看 • 1 年前

In the next version of serve-sim System-wide appearance controls and CLI commands for agents to test accessibility. Works with Codex, Cursor, and Claude in-app browsers.

In the next version of serve-sim System-wide appearance controls and CLI commands for agents to test accessibility. Works with Codex, Cursor, and Claude in-app browsers.

Evan Bacon

17,254 次观看 • 4 个月前

Fable 5 killed 3D character animators. Your simplified game dev tech stack: prompt → Hunyuan3D/Meshy/Tripo (glb) glb → Claude (rig + skin weights + animation clips) Claude → prompts and edits the game code itself (localhost) localhost → Rosebud (manage the assets, edit, and host via public link)

Fable 5 killed 3D character animators. Your simplified game dev tech stack: prompt → Hunyuan3D/Meshy/Tripo (glb) glb → Claude (rig + skin weights + animation clips) Claude → prompts and edits the game code itself (localhost) localhost → Rosebud (manage the assets, edit, and host via public link)

Rosebud AI

145,462 次观看 • 4 个月前

Introducing Lovable’s new toolbar. Shift between four modes to annotate, select elements, edit text, and add comments.

Introducing Lovable’s new toolbar. Shift between four modes to annotate, select elements, edit text, and add comments.

Lovable

64,938 次观看 • 4 个月前

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)

Framer University

26,763 次观看 • 1 年前