Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

lydiahallie's profile picture

Lydia Hallie ✨

105,042 subscribers

605,225 Aufrufe • vor 2 Monaten •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Today we're launching new ways to learn in Claude Code and the Claude app. First up: Claude Code now lets you customize communication styles with /output-style
0:19

Today we're launching new ways to learn in Claude Code and the Claude app. First up: Claude Code now lets you customize communication styles with /output-style

Claude

705,160 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 6 Monaten

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,655,304 Aufrufe • vor 2 Monaten

Replicate MCP is here. Now you can discover, compare, and run Replicate models from your favorite apps like Claude Desktop, Claude Code, Cursor, and VS Code.
0:15

Replicate MCP is here. Now you can discover, compare, and run Replicate models from your favorite apps like Claude Desktop, Claude Code, Cursor, and VS Code.

Replicate

70,047 Aufrufe • vor 10 Monaten

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the output
0:18

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the output

CJ @ Jackie Brown

27,054 Aufrufe • vor 2 Monaten

Updated July Fund with a new research center component that lets you explore more than 20+ thesis' and perspectives with Jaytel Code by Johnny Slack Live
0:13

Updated July Fund with a new research center component that lets you explore more than 20+ thesis' and perspectives with Jaytel Code by Johnny Slack Live

Marvin Schwaibold

21,380 Aufrufe • vor 1 Jahr

Claude Code 2.1.90 just dropped with a new /powerup command Run it and you get interactive lessons that teach you how to use Claude Code right inside the tool. It's solid and has a lot of potential for learning directly in the terminal. Curious how the UI will look in VSCode and Claude Code Desktop. Going to keep digging into this new release!
0:18

Claude Code 2.1.90 just dropped with a new /powerup command Run it and you get interactive lessons that teach you how to use Claude Code right inside the tool. It's solid and has a lot of potential for learning directly in the terminal. Curious how the UI will look in VSCode and Claude Code Desktop. Going to keep digging into this new release!

Daniel San

270,808 Aufrufe • vor 2 Monaten

claude code hack you can run bash commands directly in claude code just press "!" then type whatever bash you want to run handy if you don't want to leave the claude code tui
0:11

claude code hack you can run bash commands directly in claude code just press "!" then type whatever bash you want to run handy if you don't want to leave the claude code tui

Wes Winder

49,533 Aufrufe • vor 2 Monaten

onboarding checklist component UI showcase animation. JS, built with Claude Code
0:18

onboarding checklist component UI showcase animation. JS, built with Claude Code

Juliette

16,628 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 3 Monaten

Made a file-uploader component with shadcn ui, react-dropzone, and Theo uploadthing.
0:19

Made a file-uploader component with shadcn ui, react-dropzone, and Theo uploadthing.

sadman

85,446 Aufrufe • vor 2 Jahren

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

950,802 Aufrufe • vor 3 Monaten

To make it easier to migrate your workflows, we've updated the claude-api skill in Claude Code with Opus 4.7 support. Just say "migrate to Opus 4.7" and it updates model names, prompts, and effort settings for you.
0:11

To make it easier to migrate your workflows, we've updated the claude-api skill in Claude Code with Opus 4.7 support. Just say "migrate to Opus 4.7" and it updates model names, prompts, and effort settings for you.

ClaudeDevs

361,565 Aufrufe • vor 1 Monat

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?
0:10

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?

Charlie Clark

146,355 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 8 Monaten

a great way to get started is to use our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboarding
0:11

a great way to get started is to use our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboarding

Lance Martin

14,764 Aufrufe • vor 2 Monaten

🎉 Introducing: Interactive Lanyard Component for @Framer. Add a custom 3D lanyard with adjustable colors, patterns, and styles to your site without any coding. RT + comment 'LANYARD' and i'll send you the component :)
0:11

🎉 Introducing: Interactive Lanyard Component for @Framer. Add a custom 3D lanyard with adjustable colors, patterns, and styles to your site without any coding. RT + comment 'LANYARD' and i'll send you the component :)

Framer University

103,990 Aufrufe • vor 1 Jahr

Crafting my own UI Kit to be used for prototypes. I'm going through component by component to direct my designer (Claude) on motion tweaks, style updates, and behaviour.
0:18

Crafting my own UI Kit to be used for prototypes. I'm going through component by component to direct my designer (Claude) on motion tweaks, style updates, and behaviour.

Chris Halaska

21,820 Aufrufe • vor 2 Monaten

You can now customise your Claude iOS widgets to get to Claude Code and Dispatch faster.
0:10

You can now customise your Claude iOS widgets to get to Claude Code and Dispatch faster.

Robert Bye

230,409 Aufrufe • vor 2 Monaten