正在加载视频...

视频加载失败

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

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

70,402 subscribers

959,031 次观看 • 7 个月前 •via X (Twitter)

教育新闻政治科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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

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

Aiden Bai

527,287 次观看 • 11 个月前

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 个月前

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

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

Aiden Bai

63,325 次观看 • 4 个月前

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 个月前

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 think i might've got React Grab working in the terminal... select a TUI element → give to agent as context

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 次观看 • 7 个月前

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

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

220,993 次观看 • 4 个月前

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

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 次观看 • 3 个月前

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

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

Jesse

73,982 次观看 • 3 个月前

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.

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

883,456 次观看 • 4 个月前

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

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

846,043 次观看 • 7 个月前

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

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,081,802 次观看 • 8 个月前

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:

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

293,131 次观看 • 6 个月前

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.

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 次观看 • 6 个月前

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 个月前

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 年前

I brought progressive blur to react native with Expo Native Modules ✨ needed it for this sleep timer island, so I built it. grab the source on motionary 👇

I brought progressive blur to react native with Expo Native Modules ✨ needed it for this sleep timer island, so I built it. grab the source on motionary 👇

Mehdi · Motionary

11,264 次观看 • 1 个月前

Sonnet as the main model, Opus as an advisor, and Haiku for subagents Save this and try it with one of your sessions Install: npx claude-code-templates@latest --setting model/sonnet-opus-advisor-haiku-subagents This command installs the settings required to configure your Claude Code sessions with this model distribution Select the appropriate configuration scope: User, Project, or Local

Sonnet as the main model, Opus as an advisor, and Haiku for subagents Save this and try it with one of your sessions Install: npx claude-code-templates@latest --setting model/sonnet-opus-advisor-haiku-subagents This command installs the settings required to configure your Claude Code sessions with this model distribution Select the appropriate configuration scope: User, Project, or Local

Daniel San

28,819 次观看 • 11 天前

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.

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,314 次观看 • 10 个月前