Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

70,414 subscribers

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

EğitimHaberler & PolitikaBilim & 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 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

526,760 görüntüleme • 9 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

584,393 görüntüleme • 3 ay önce

New in React Doctor: Prevent bad React code from breaking prod Install GitHub Action. Fully open source npx react-doctor@latest
0:11

New in React Doctor: Prevent bad React code from breaking prod Install GitHub Action. Fully open source npx react-doctor@latest

Aiden Bai

62,543 görüntüleme • 2 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

171,606 görüntüleme • 3 ay önce

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

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

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

Added new transitions to There are now 21 transitions you can copy as CSS or React code or use as a skill for Claude, Cursor or Codex npx skills add jakubantalik/transitions.dev
0:15

Added new transitions to There are now 21 transitions you can copy as CSS or React code or use as a skill for Claude, Cursor or Codex npx skills add jakubantalik/transitions.dev

Jakub Antalik

219,105 görüntüleme • 2 ay önce

Added 12 new transitions to 33 total You can copy as CSS or React code or use as a skill for Claude, Cursor or Codex or use with Refine tool npx skills add jakubantalik/transitions.dev
0:13

Added 12 new transitions to 33 total You can copy as CSS or React code or use as a skill for Claude, Cursor or Codex or use with Refine tool npx skills add jakubantalik/transitions.dev

Jakub Antalik

74,750 görüntüleme • 1 ay önce

(re-)introducing Avatars fully generative gradients based on seed available on npm and fully open-source grab it here:
0:13

(re-)introducing Avatars fully generative gradients based on seed available on npm and fully open-source grab it here:

Jesse

73,982 görüntüleme • 1 ay önce

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

879,422 görüntüleme • 2 ay önce

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

844,465 görüntüleme • 5 ay önce

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

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

290,291 görüntüleme • 5 ay önce

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 görüntüleme • 4 ay ö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,312 görüntüleme • 11 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 ✨

606,901 görüntüleme • 5 ay önce

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

210,156 görüntüleme • 9 ay önce

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

Have some good news! 100% virtual canvas datagrid/editor package is close to complete for react! It will be open source but if you have any requests for features on launch (or just any questions) drop a reply :)
0:11

Have some good news! 100% virtual canvas datagrid/editor package is close to complete for react! It will be open source but if you have any requests for features on launch (or just any questions) drop a reply :)

Archer Hume — oz/acc

62,301 görüntüleme • 11 ay önce