Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

aidenybai's profile picture

Aiden Bai

68,495 subscribers

525,129 görüntüleme • 6 ay önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

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

949,656 görüntüleme • 3 ay önce

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

776,493 görüntüleme • 26 gün önce

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 görüntüleme • 8 ay önce

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

131,493 görüntüleme • 2 gün önce

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.
0:13

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,569 görüntüleme • 8 ay önce

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

567,880 görüntüleme • 8 gün önce

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

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

rs

30,705 görüntüleme • 1 yıl önce

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 görüntüleme • 6 ay önce

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 ✨

604,974 görüntüleme • 2 ay önce

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
0:13

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,400 görüntüleme • 1 yıl önce

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...
0:18

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

967,816 görüntüleme • 8 ay önce

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 :)
0:13

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,732 görüntüleme • 10 ay önce

With `bun init --react`, this lets Claude Code read browser console logs & debug frontend code
0:16

With `bun init --react`, this lets Claude Code read browser console logs & debug frontend code

Jarred Sumner

175,795 görüntüleme • 9 ay önce

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more
0:14

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more

Chris Tate

162,418 görüntüleme • 2 ay önce

the Shopify AI Toolkit is here manage your store with your favorite agent Claude Code, Codex, Cursor, VS Code, and more
0:18

the Shopify AI Toolkit is here manage your store with your favorite agent Claude Code, Codex, Cursor, VS Code, and more

Shopify

3,960,209 görüntüleme • 1 ay önce

🚀 🤖 I’m excited to release the first version of Laravel Loop, an MCP Server for Laravel that allows you to create custom tools and connect your Laravel app directly to AI tools like Cursor, Claude Code, Claude Desktop, and others. Let me show you how it works in... 👇
0:16

🚀 🤖 I’m excited to release the first version of Laravel Loop, an MCP Server for Laravel that allows you to create custom tools and connect your Laravel app directly to AI tools like Cursor, Claude Code, Claude Desktop, and others. Let me show you how it works in... 👇

Luis Dalmolin

28,449 görüntüleme • 1 yıl önce

Introducing React Scan v0.2 A drop-in script that detects slow React performance
0:12

Introducing React Scan v0.2 A drop-in script that detects slow React performance

Aiden Bai

181,941 görüntüleme • 1 yıl önce

Sidebar for AI application built with React and TypeScript 🚀 Code in the comments and within Atheros Pass 🧑‍💻
0:12

Sidebar for AI application built with React and TypeScript 🚀 Code in the comments and within Atheros Pass 🧑‍💻

David Mráz

65,320 görüntüleme • 2 ay önce

We just released Claude Code channels, which allows you to control your Claude Code session through select MCPs, starting with Telegram and Discord. Use this to message Claude Code directly from your phone.
0:17

We just released Claude Code channels, which allows you to control your Claude Code session through select MCPs, starting with Telegram and Discord. Use this to message Claude Code directly from your phone.

Thariq

7,650,788 görüntüleme • 2 ay önce

Uniwind Starter Template is now available 🚀 40+ components, dark & light theming, tab and drawer navigation, basic screens and Claude/Cursor rules included. Built with React Native Expo Software Mansion reanimated and Uniwind
0:19

Uniwind Starter Template is now available 🚀 40+ components, dark & light theming, tab and drawer navigation, basic screens and Claude/Cursor rules included. Built with React Native Expo Software Mansion reanimated and Uniwind

Thomino

22,188 görüntüleme • 1 ay önce