Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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 👇

Daniel San

32,692 subscribers

78,985 views • 3 months ago •via X (Twitter)

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... 👇

🚀 🤖 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,456 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!

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 ツ

50,952 views • 1 month 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.

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,528,956 views • 1 month 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!

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,017 views • 2 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 🚀

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👑

94,198 views • 1 month 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 👇

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,632 views • 6 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 ↓🔗

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,467 views • 1 month ago

Built this with the new shadcn CLI MCP + Namespaced registry and Claude Code in around 5 minutes

Built this with the new shadcn CLI MCP + Namespaced registry and Claude Code in around 5 minutes

Manu Arora

30,417 views • 9 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 👇

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,591 views • 1 month ago

2. Notifications. Claude Code Desktop now pings you whenever Claude needs approval, you can keep working while Claude runs in the background

2. Notifications. Claude Code Desktop now pings you whenever Claude needs approval, you can keep working while Claude runs in the background

Boris Cherny

236,179 views • 5 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

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

Turn any app into an MCP host! With @copilotkit's new MCP Client Component, you can connect your app to any MCP server, just like Cursor or Claude Desktop. Simply run this command: npx copilotkit@latest init -m MCP 100% open-source.

Turn any app into an MCP host! With @copilotkit's new MCP Client Component, you can connect your app to any MCP server, just like Cursor or Claude Desktop. Simply run this command: npx copilotkit@latest init -m MCP 100% open-source.

Akshay 🚀

50,119 views • 1 year 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:

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

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

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,835 views • 2 months ago

We've released a new frontend-design plugin for Claude Code. Here's Claude's output for: "use the frontend design skill. Create a music player app."

We've released a new frontend-design plugin for Claude Code. Here's Claude's output for: "use the frontend design skill. Create a music player app."

Thariq

488,293 views • 7 months ago

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

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

Dani Bayanov

135,774 views • 2 months ago

Speaking of Loop Engineering... Did you know Claude Code already has /loop built in?

Speaking of Loop Engineering... Did you know Claude Code already has /loop built in?

Dan McAteer

104,197 views • 17 days ago

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

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

164,515 views • 3 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.

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

312,527 views • 1 month 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.

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