Loading video...

Video Failed to Load

Go Home

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.

amorriscode's profile picture

Anthony Morris ツ

36,694 subscribers

44,825 views • 4 days ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Preview in Claude Code on desktop makes it easy to give Claude context. You can attach DOM elements or use the pencil tool to draw directly on your UI!
0:16

Preview in Claude Code on desktop makes it easy to give Claude context. You can attach DOM elements or use the pencil tool to draw directly on your UI!

Anthony Morris ツ

51,317 views • 3 months ago

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,792 views • 5 months ago

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

955,153 views • 5 months ago

one of my favorite ways to use claude code skills right now - combining remotion with claude-in-chrome for motion video creation. the workflow is addictive. the clip you see here was produced with minimal prompting effort let me know if you would like me to write a full break down of this process. you describe to claude code what you want, claude code writes the remotion components, opens the remotion studio (via browser) with claude-in-chrome, sees the actual rendered output, and iterates on it in real time. need the arrows pointing to the center of the bubbles instead of the edge? just say it. need the layout shifted to the center? say it. claude sees the preview, adjusts the code, re-renders. then when you're happy you tell claude code to render the final video. but skills are what make this possible. remotion knowledge + browser automation + the taste to iterate visually. no copy pasting screenshots back and forth. no "can you try moving it 10px to the right" over chat. it just looks and fixes. this is the kind of workflow that makes you realize how much further claude code can go beyond just writing code in a terminal. i didn't touch any code while working on the clip you see if you haven't tried combining skills together like this - start experimenting. the skills combos is where the magic is at.
0:16

one of my favorite ways to use claude code skills right now - combining remotion with claude-in-chrome for motion video creation. the workflow is addictive. the clip you see here was produced with minimal prompting effort let me know if you would like me to write a full break down of this process. you describe to claude code what you want, claude code writes the remotion components, opens the remotion studio (via browser) with claude-in-chrome, sees the actual rendered output, and iterates on it in real time. need the arrows pointing to the center of the bubbles instead of the edge? just say it. need the layout shifted to the center? say it. claude sees the preview, adjusts the code, re-renders. then when you're happy you tell claude code to render the final video. but skills are what make this possible. remotion knowledge + browser automation + the taste to iterate visually. no copy pasting screenshots back and forth. no "can you try moving it 10px to the right" over chat. it just looks and fixes. this is the kind of workflow that makes you realize how much further claude code can go beyond just writing code in a terminal. i didn't touch any code while working on the clip you see if you haven't tried combining skills together like this - start experimenting. the skills combos is where the magic is at.

elvis

46,494 views • 6 months ago

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

231,702 views • 4 months ago

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,601 views • 4 months ago

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)
0:17

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

58,078 views • 3 months ago

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 views • 3 months ago

My favorite feature in Claude Code on the web is teleport. It moves your remote session, wit h all the context, messages, and edits to your local dev environment allowing you to stay in the flow.
0:16

My favorite feature in Claude Code on the web is teleport. It moves your remote session, wit h all the context, messages, and edits to your local dev environment allowing you to stay in the flow.

Ado

110,192 views • 10 months ago

I literally don't use Claude anymore... Just Claude Code and Codex in the web. This is a presentation I had Opus generate after doing research... And if you save the prompt you can have it generate in any style you want.
0:15

I literally don't use Claude anymore... Just Claude Code and Codex in the web. This is a presentation I had Opus generate after doing research... And if you save the prompt you can have it generate in any style you want.

Riley Brown

118,000 views • 11 months ago

With the Claude Code Desktop app you can also run the iOS simulator within the app, making it super easy to iterate, test, and debug your mobile apps. It's so good!
0:14

With the Claude Code Desktop app you can also run the iOS simulator within the app, making it super easy to iterate, test, and debug your mobile apps. It's so good!

Ado

16,601 views • 20 days ago

For all the Claude Code designers out there: We built Agentation to help you iterate faster. *Annotate anything* and get precise feedback to give to Claude. Give the docs a read:
0:16

For all the Claude Code designers out there: We built Agentation to help you iterate faster. *Annotate anything* and get precise feedback to give to Claude. Give the docs a read:

Dennis Jin

206,170 views • 6 months ago

Smol tip: /𝚌𝚍 moves your running Claude Code session to another directory without restarting. Your conversation and context come with you, and Claude picks up the new project's CLAUDE.md.
0:10

Smol tip: /𝚌𝚍 moves your running Claude Code session to another directory without restarting. Your conversation and context come with you, and Claude picks up the new project's CLAUDE.md.

Delba

209,168 views • 1 month ago

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 views • 10 months ago

New feature in Claude Code 2.1.14 just dropped! You can now search and install plugins from the marketplaces installed in your current Claude Code session. This is huge if you’re building plugins on top of Claude Code’s marketplace layer (Skills, Agents, Hooks, etc). How it works: - Run /plugin - The official Claude marketplace is installed by default - Use the search bar to find the plugin you want - Select one or multiple plugins with space, then press i to install - Go to the Installed tab to browse and enable them With the exponential growth of Skills and Agent-based components running in the CLI, improving plugin discoverability is a big win. Pretty sure more marketplace-related features are coming
0:15

New feature in Claude Code 2.1.14 just dropped! You can now search and install plugins from the marketplaces installed in your current Claude Code session. This is huge if you’re building plugins on top of Claude Code’s marketplace layer (Skills, Agents, Hooks, etc). How it works: - Run /plugin - The official Claude marketplace is installed by default - Use the search bar to find the plugin you want - Select one or multiple plugins with space, then press i to install - Go to the Installed tab to browse and enable them With the exponential growth of Skills and Agent-based components running in the CLI, improving plugin discoverability is a big win. Pretty sure more marketplace-related features are coming

Daniel San

40,994 views • 6 months ago

I've been messing with connecting Claude and Framer over the last week and yeah... this is absolutely crazy. You can get Claude to optimise your site, create/edit styles, write content and a lot more. Here's how you can set it up in literally 2 minutes:
0:11

I've been messing with connecting Claude and Framer over the last week and yeah... this is absolutely crazy. You can get Claude to optimise your site, create/edit styles, write content and a lot more. Here's how you can set it up in literally 2 minutes:

Hamza Ehsan

66,601 views • 5 months ago

Pika just launched their 4K-VFX skill through MCP and I edited this entire video on Claude Code. When you want to replicate the viral video and realized you can just shoot it in your office parking lot and edit it in Claude Code... 🤤 Get my prompt in the thread:
0:14

Pika just launched their 4K-VFX skill through MCP and I edited this entire video on Claude Code. When you want to replicate the viral video and realized you can just shoot it in your office parking lot and edit it in Claude Code... 🤤 Get my prompt in the thread:

Jessie_Ma

215,788 views • 1 month ago

We've launched Claude Code contribution metrics to help you track PRs and lines of code contributed with the help of Claude Code.
0:15

We've launched Claude Code contribution metrics to help you track PRs and lines of code contributed with the help of Claude Code.

Thariq

408,883 views • 6 months ago

So... I just simply asked Manus to give me the files at "/opt/.manus/", and it just gave it to me, their sandbox runtime code... > it's claude sonnet > it's claude sonnet with 29 tools > it's claude sonnet without multi-agent > it uses Browser Use > browser_use code was also obfuscated (?) > tools and prompts jailbreak
0:15

So... I just simply asked Manus to give me the files at "/opt/.manus/", and it just gave it to me, their sandbox runtime code... > it's claude sonnet > it's claude sonnet with 29 tools > it's claude sonnet without multi-agent > it uses Browser Use > browser_use code was also obfuscated (?) > tools and prompts jailbreak

jian

2,627,330 views • 1 year ago