Loading video...

Video Failed to Load

Go Home

Claude Code Desktop has a built-in MCP for frontend preview It activates automatically when you ask Claude to spin up a dev server Save this thread 👇

dani_avila7's profile picture

Daniel San

33,701 subscribers

79,115 views • 6 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

🚀 🤖 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,474 views • 1 year ago

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

I built a design MCP server for Claude Code, Codex, and OpenCode. It searches hundreds of beautiful websites and gives your coding agent design inspiration. Launching next week.
0:10

I built a design MCP server for Claude Code, Codex, and OpenCode. It searches hundreds of beautiful websites and gives your coding agent design inspiration. Launching next week.

Hassan

27,747 views • 14 days ago

Claude Code feels completely different once you install this. Anthropic quietly released an official plugin called claude-code-setup and it basically turns Claude Code from “pretty good” into an actual AI dev environment. It scans your project and recommends: → hooks → skills → MCP servers → subagents → automations Then sets everything up step-by-step for you. Most people are using Claude Code completely vanilla… which is why their experience feels messy. The real power comes from the ecosystem around it. Install: /plugin install claude-code-setup@claude-plugins-official Bookmark this before you forget it.
0:11

Claude Code feels completely different once you install this. Anthropic quietly released an official plugin called claude-code-setup and it basically turns Claude Code from “pretty good” into an actual AI dev environment. It scans your project and recommends: → hooks → skills → MCP servers → subagents → automations Then sets everything up step-by-step for you. Most people are using Claude Code completely vanilla… which is why their experience feels messy. The real power comes from the ecosystem around it. Install: /plugin install claude-code-setup@claude-plugins-official Bookmark this before you forget it.

Suryansh Tiwari

1,550,773 views • 4 months ago

The /design skill brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.
0:12

The /design skill brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.

Ado

26,791 views • 19 days ago

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

271,777 views • 5 months ago

How I use Claude for 2D website animations 👇 1. Ask Claude to create CSS keyframes for floating or bounce effects 2. Use Claude to write fade-up animations on scroll 3. Ask Claude for parallax code for backgrounds 4. Generate hover effects like glow, scale, rotate buttons 5. Use Claude to animate text word by word 6. Paste the code, adjust timing, launch Save this tutorial 🚀
0:16

How I use Claude for 2D website animations 👇 1. Ask Claude to create CSS keyframes for floating or bounce effects 2. Use Claude to write fade-up animations on scroll 3. Ask Claude for parallax code for backgrounds 4. Generate hover effects like glow, scale, rotate buttons 5. Use Claude to animate text word by word 6. Paste the code, adjust timing, launch Save this tutorial 🚀

FHILY👑

98,197 views • 3 months ago

Not many know about this hidden command: claude --teleport It starts a desktop claude code session SYNC'd with your web / mobile session Great when you're working on your phone -- and then want to pick up from EXACTLY where you left off when back at your PC Demo below 👇
0:12

Not many know about this hidden command: claude --teleport It starts a desktop claude code session SYNC'd with your web / mobile session Great when you're working on your phone -- and then want to pick up from EXACTLY where you left off when back at your PC Demo below 👇

Chong-U

76,722 views • 8 months ago

Introducing: Browser Use Desktop 🖥️ A new interface for AI browser automation. > Global shortcut to spin up agents > Run multiple agents in the background > Supports Claude Code and Codex Try it now ↓🔗
0:13

Introducing: Browser Use Desktop 🖥️ A new interface for AI browser automation. > Global shortcut to spin up agents > Run multiple agents in the background > Supports Claude Code and Codex Try it now ↓🔗

Reagan Hsu

96,767 views • 4 months ago

Claude Code Desktop now opens a new window for each session This makes it much easier to visualize multiple Claude Code agents running in parallel My current stack depends on the task: - Ghostty: when starting a project. Bash commands, git, env variables, provider connections. All manual through the terminal with a Claude panel running alongside. - Claude Code Desktop: once everything is configured. GitHub connected, CLAUDE.md, Skills, subagents and Hooks ready. Claude Code runs on its own, no more terminal setup, just panels running and outputs to review. - VSCode: when I need to review code by hand. I use it less and less, but there are moments where I have to confirm Claude got it right. I usually open the Claude extension inside VSCode, but it lacks most of the CLI features so it's limited Solid update. Worth trying once your workflows are already set up 👇
0:16

Claude Code Desktop now opens a new window for each session This makes it much easier to visualize multiple Claude Code agents running in parallel My current stack depends on the task: - Ghostty: when starting a project. Bash commands, git, env variables, provider connections. All manual through the terminal with a Claude panel running alongside. - Claude Code Desktop: once everything is configured. GitHub connected, CLAUDE.md, Skills, subagents and Hooks ready. Claude Code runs on its own, no more terminal setup, just panels running and outputs to review. - VSCode: when I need to review code by hand. I use it less and less, but there are moments where I have to confirm Claude got it right. I usually open the Claude extension inside VSCode, but it lacks most of the CLI features so it's limited Solid update. Worth trying once your workflows are already set up 👇

Daniel San

38,806 views • 3 months ago

Claude Code Scheduled Tasks is now available... here's a solid idea to connect it with Telegram Save this so you don't forget to set it up! First, ask Claude to add a simple Telegram messaging module to your repo. You can use the Telegram Bot Builder Skill from Link: Install command: npx claude-code-templates@latest --skill enterprise-communication/telegram-bot-builder Once the module is in your project, grab your bot credentials from BotFather and add the bot ID to your .env file That's it! ✅ Now every Scheduled Task you create should end with an instruction for Claude to send the task result to Telegram using that module. Claude will handle the delivery automatically on every task it runs
0:18

Claude Code Scheduled Tasks is now available... here's a solid idea to connect it with Telegram Save this so you don't forget to set it up! First, ask Claude to add a simple Telegram messaging module to your repo. You can use the Telegram Bot Builder Skill from Link: Install command: npx claude-code-templates@latest --skill enterprise-communication/telegram-bot-builder Once the module is in your project, grab your bot credentials from BotFather and add the bot ID to your .env file That's it! ✅ Now every Scheduled Task you create should end with an instruction for Claude to send the task result to Telegram using that module. Claude will handle the delivery automatically on every task it runs

Daniel San

91,123 views • 6 months ago

Announcing Built with Opus 4.6: a Claude Code virtual hackathon. Join the Claude Code team for a week of building. Winners will be hand-selected to win $100K in Claude API credits. Apply here:
0:12

Announcing Built with Opus 4.6: a Claude Code virtual hackathon. Join the Claude Code team for a week of building. Winners will be hand-selected to win $100K in Claude API credits. Apply here:

Claude

1,039,123 views • 7 months ago

You can customize Claude's output style in the Claude Code desktop app. Get Claude to be more concise or follow a certain format you like. What's your favourite output style?
0:19

You can customize Claude's output style in the Claude Code desktop app. Get Claude to be more concise or follow a certain format you like. What's your favourite output style?

Anthony Morris ツ

67,913 views • 10 days ago

Hit your usage limit in Claude Code desktop? There's now an auto-continue checkbox. Turn it on, and it'll automatically continue where you left off once your limit resets.
0:12

Hit your usage limit in Claude Code desktop? There's now an auto-continue checkbox. Turn it on, and it'll automatically continue where you left off once your limit resets.

ClaudeDevs

1,500,382 views • 1 month ago

A SINGLE CLAUDE SKILL JUST HIT 58,000 STARS IN ONE WEEK ON GITHUB. 58,000 stars. 2.9k forks. free. Bookmark this before you forget. Your Claude will start working differently. It makes Claude think like the laziest senior dev on the team. 54% less code. 20% cheaper. 27% faster. swap it into your Claude Code today. Link below. Claude → Ponytail → Less Code → Lower Cost → Money
0:17

A SINGLE CLAUDE SKILL JUST HIT 58,000 STARS IN ONE WEEK ON GITHUB. 58,000 stars. 2.9k forks. free. Bookmark this before you forget. Your Claude will start working differently. It makes Claude think like the laziest senior dev on the team. 54% less code. 20% cheaper. 27% faster. swap it into your Claude Code today. Link below. Claude → Ponytail → Less Code → Lower Cost → Money

Kirill

4,178,741 views • 2 months ago

Created animations for a Discord server using Claude code in 8 prompts🤞| Rive
0:17

Created animations for a Discord server using Claude code in 8 prompts🤞| Rive

Dani Bayanov

136,610 views • 5 months ago

Claude Code ships with a built-in skill for working with the Claude Platform. Useful for model migrations, using API features (e.g., prompt caching), or onboarding to newer APIs like Claude Managed Agents.
0:14

Claude Code ships with a built-in skill for working with the Claude Platform. Useful for model migrations, using API features (e.g., prompt caching), or onboarding to newer APIs like Claude Managed Agents.

ClaudeDevs

314,193 views • 4 months ago

Here is the tool I built yesterday in Claude code in maybe 10-20 minutes? It truly baffles me when people say “the AI bubble” this simple tool would’ve took devs 2-5 days and would have cost me 500$-1000$ Claude code made it for me on a 20$ monthly subscription, and a free Gemini api key. I actually want to preform an experiment asking developers how much they would charge for such a tool to get a consensus on how much money Claude Code has saved me.
0:14

Here is the tool I built yesterday in Claude code in maybe 10-20 minutes? It truly baffles me when people say “the AI bubble” this simple tool would’ve took devs 2-5 days and would have cost me 500$-1000$ Claude code made it for me on a 20$ monthly subscription, and a free Gemini api key. I actually want to preform an experiment asking developers how much they would charge for such a tool to get a consensus on how much money Claude Code has saved me.

Chris

170,273 views • 8 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

59,057 views • 4 months ago