正在加载视频...

视频加载失败

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

As a visual person, I hate working in the CLI. But after using Claude Code a few times, it’s impossible to go back. The problem isn’t Claude. It’s the interface around it. So we built the best Claude Code client we could imagine. Runs fully in the browser. Parallel... show more

serafim

11,387 subscribers

251,653 次观看 • 10 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

45 条评论

Paulius 🏴‍☠️ 的头像

Paulius 🏴‍☠️10 个月前

So dope! built the same but a Mac app!

Rituraj 的头像

Rituraj10 个月前

Live Previews are the killer feature here. The biggest friction with CLI agents is the 'Blind Trust' factor. I ask the CLI to change a button color, it says 'Done,' but I have to Alt-Tab and refresh localhost to verify. By putting the Agent and the Canvas in the same window, you closed the feedback loop. You turned a 'Chat' into a 'Workbench'.

serafim 的头像

serafim10 个月前

Hey check dm

UnrealApe🍄 的头像

UnrealApe🍄10 个月前

or just claude code VScode extension...

darren.eth (soul/acc) 的头像

darren.eth (soul/acc)10 个月前

Designer turned vibe coder here. Would love to try.

serafim 的头像

serafim10 个月前

Hey, sent in DM

Gav 的头像

Gav10 个月前

Can this be used with Claude Pro? Looks really good from the preview above

serafim 的头像

serafim10 个月前

Yep

Gav 的头像

Gav10 个月前

game-changer :) Yeah i'd love to use this if you are providing access - P.S proper dev here been developing since 2005

Ruben Abramov 的头像

Ruben Abramov10 个月前

Early access pla

Metabolic Uncle 的头像

Metabolic Uncle10 个月前

Perfect product. Please add me to the list. I am currently using Opus in Augment Code and Antigravity. Your product seems to offer a better experience. Very interested in testing it. Thanks.

serafim 的头像

serafim10 个月前

Hey Check DM

Daniel Dhawan 的头像

Daniel Dhawan10 个月前

👀

Binary Rot 的头像

Binary Rot10 个月前

Genuine question.. why not just use Claude Code directly in the Claude desktop app?

Dav rants 的头像

Dav rants10 个月前

I too like a good UI. Claude Code vscode extension for me is perfect, a chat window where i discuss and can scroll up and see the entire process just like in an AI chat window, even seeing and reviewing their thinking process. At the same time I can see the files in vscode. It's perfect

Jonas De Bro 的头像

Jonas De Bro8 个月前

Access bro

slowlifer 的头像

slowlifer10 个月前

please Can I get access? 🙏

Fahim Al Mahmud Ashik 的头像

Fahim Al Mahmud Ashik10 个月前

This is incredible @korablev. Would love to try this out

Pratham 的头像

Pratham10 个月前

This is so good! 🔥🔥🔥 Just wondering if you guys explored making chats collapsible under the agent, instead of a whole separate sidebar? Like a menu and sub menu display.

HG 的头像

HG10 个月前

Can it be used with Pro/max auth?

Pratham 的头像

Pratham10 个月前

Early access, please 🫡

AverageAndy 的头像

AverageAndy10 个月前

@xrpant this is built for people like you

Joseph Saldivar 的头像

Joseph Saldivar10 个月前

Sounds like @conductor_build. Does this have different functionality?

Alex 的头像

Alex10 个月前

I’d love access man

Resat Ugur Ulu 的头像

Resat Ugur Ulu10 个月前

ICYD see it B4 building this - they already have a working web app w/ almost all features u just said.

Tanner Slizeski 的头像

Tanner Slizeski10 个月前

Would love to try it

Power Beşiktaş 的头像

Power Beşiktaş10 个月前

İ would like to use it

Injamul Islam 的头像

Injamul Islam10 个月前

Yes please! I wonder how it compares with OpenCode's web client

Kinder • Grinder 的头像

Kinder • Grinder10 个月前

This is exactly what I am looking for.

serafim 的头像

serafim10 个月前

Check DM

Nuutti Kotivuori 的头像

Nuutti Kotivuori10 个月前

If you promise to make the interface responsible so I can code on my phone.

FLO - CREATIVE BUILDER 的头像

FLO - CREATIVE BUILDER10 个月前

I am visual person like you and definitely for me, its a no go to talk with the CLI sorry.

Ankit 的头像

Ankit10 个月前

The preview feels perfect. This is what I’ve been searching for a while now. Please add me to the list for early access

serafim 的头像

serafim10 个月前

Dm me

Dj 的头像

Dj10 个月前

Perfect product, can’t wait to see what you do with it. Would love to give it a try!

serafim 的头像

serafim10 个月前

Hey, Sent the access in a DM

Dj 的头像

Dj10 个月前

Appreciate it dude! let me know anything that would be useful to share as I go. Stoked

Sachit Sachdev 的头像

Sachit Sachdev10 个月前

Would love to try it out

Hana Chang 的头像

Hana Chang10 个月前

Yes please

Aaron Mak Hoffman 的头像

Aaron Mak Hoffman10 个月前

Me me me 🙋‍♂️

serafim 的头像

serafim10 个月前

Hey, sent in dm

altafr 的头像

altafr10 个月前

early access please

Humberto 的头像

Humberto10 个月前

But through API? Looks fire

Daniil Andreev 的头像

Daniil Andreev10 个月前

would love to try

Kye 的头像

Kye10 个月前

better than happy coder?

相关视频

What if your Claude Code client worked beautifully on mobile? Same calm UI. Multiple branches. Live previews. And the ability to keep working without your laptop. Free to use with your own Claude subscription Reply if you want early access

What if your Claude Code client worked beautifully on mobile? Same calm UI. Multiple branches. Live previews. And the ability to keep working without your laptop. Free to use with your own Claude subscription Reply if you want early access

serafim

50,067 次观看 • 10 个月前

Introducing Agents by 21st (alpha) We love Claude Code. We hate living in the CLI. So we built a calm, visual client for real code work: • works with your own Claude subscription • local work with worktrees + multiple sessions • multiple terminals per worktree • diff viewer, commits, PR control Built for people who think visually.

Introducing Agents by 21st (alpha) We love Claude Code. We hate living in the CLI. So we built a calm, visual client for real code work: • works with your own Claude subscription • local work with worktrees + multiple sessions • multiple terminals per worktree • diff viewer, commits, PR control Built for people who think visually.

serafim

29,476 次观看 • 9 个月前

There's a built-in agent inside Claude Code you can invoke just by telling Claude to use the claude-code-guide agent Save this... you'll need it It's not a local file in your project. It's a built-in subagent defined in Claude Code's system itself. It answers questions about Claude Code CLI, the Agent SDK, and the Claude API. It uses Glob, Grep, Read, WebFetch, and WebSearch, but can't edit or write files. Its only job is to answer questions.

There's a built-in agent inside Claude Code you can invoke just by telling Claude to use the claude-code-guide agent Save this... you'll need it It's not a local file in your project. It's a built-in subagent defined in Claude Code's system itself. It answers questions about Claude Code CLI, the Agent SDK, and the Claude API. It uses Glob, Grep, Read, WebFetch, and WebSearch, but can't edit or write files. Its only job is to answer questions.

Daniel San

57,445 次观看 • 7 个月前

Claude Code is the best coding agent on the market, but there is a catch: you have to keep your terminal open. This is why we built Terragon: use Claude Code as a background agent.

Claude Code is the best coding agent on the market, but there is a catch: you have to keep your terminal open. This is why we built Terragon: use Claude Code as a background agent.

Sawyer Hood

151,045 次观看 • 1 年前

We just let in every Pro and Max user from the Claude Code Projects waitlist! If you're new to Claude Code Projects, here's a 4 minute walkthrough to get you started:

We just let in every Pro and Max user from the Claude Code Projects waitlist! If you're new to Claude Code Projects, here's a 4 minute walkthrough to get you started:

ClaudeDevs

2,055,960 次观看 • 19 天前

You can now type "&" in the Claude Code CLI to start a task in the background and teleport it to Claude Code Web!

You can now type "&" in the Claude Code CLI to start a task in the background and teleport it to Claude Code Web!

Thariq

97,879 次观看 • 11 个月前

Claude Code is turning vibe coding into a video game. In a few days will be the easiest way to use Claude Code to build professional mobile apps, and web apps. Use Claude Code in a safe sandbox. Create any interface or application. Create skills and commands. Add integrations and API's. And a lot more. For early access reply below. I'll DM you.

Claude Code is turning vibe coding into a video game. In a few days will be the easiest way to use Claude Code to build professional mobile apps, and web apps. Use Claude Code in a safe sandbox. Create any interface or application. Create skills and commands. Add integrations and API's. And a lot more. For early access reply below. I'll DM you.

Riley Brown

96,410 次观看 • 9 个月前

You can now mod Claude Code: - Change how it behaves - Customize the UI - Swap in your own features Write one with a few lines of TypeScript, or have Claude build it for you. Mods ship inside plugins, so you install them with /plugin in the CLI or desktop app. A few examples:

You can now mod Claude Code: - Change how it behaves - Customize the UI - Swap in your own features Write one with a few lines of TypeScript, or have Claude build it for you. Mods ship inside plugins, so you install them with /plugin in the CLI or desktop app. A few examples:

ClaudeDevs

4,519,330 次观看 • 27 天前

Advent of Claude Day 9 - Claude Code Remote & your prompt ↳ Sends the task to Claude Code on the web (runs in background) claude --teleport session_abc123 ↳ Pulls and resumes the session in your local terminal to continue working Claude at home and on the go.

Advent of Claude Day 9 - Claude Code Remote & your prompt ↳ Sends the task to Claude Code on the web (runs in background) claude --teleport session_abc123 ↳ Pulls and resumes the session in your local terminal to continue working Claude at home and on the go.

Ado

38,867 次观看 • 10 个月前

Claude Code is now included in the Claude Pro plan which means Pro plan subscribers can use their rate limits for Claude apps and Claude Code! To celebrate, here's a conversation with Claude Code's founding engineer, Boris Cherny, on: - how we use Claude Code at Anthropic - underrated tips for using it effectively - the future of coding tools - and more!

Claude Code is now included in the Claude Pro plan which means Pro plan subscribers can use their rate limits for Claude apps and Claude Code! To celebrate, here's a conversation with Claude Code's founding engineer, Boris Cherny, on: - how we use Claude Code at Anthropic - underrated tips for using it effectively - the future of coding tools - and more!

Alex Albert

123,756 次观看 • 1 年前

Claude Code Templates now has a web interface for browsing and contributing templates 🙌 What it does: Install templates for different languages/frameworks to get started with Claude Code faster. How to use: - Go to - Run: npm install -g claude-code-templates - Pick a template from the site - Copy and run the template command - Start coding with Claude Code The whole thing runs on GitHub - no fancy backend, no hidden stuff. Everything you're installing is right there in the repo for you to inspect. Contributing: Want to add your own template? Just follow the contribution guide and send a PR. Once merged, it automatically shows up on the site. That's it... nothing fancy, just something to save a few minutes when starting new projects with Claude Code Repo:

Claude Code Templates now has a web interface for browsing and contributing templates 🙌 What it does: Install templates for different languages/frameworks to get started with Claude Code faster. How to use: - Go to - Run: npm install -g claude-code-templates - Pick a template from the site - Copy and run the template command - Start coding with Claude Code The whole thing runs on GitHub - no fancy backend, no hidden stuff. Everything you're installing is right there in the repo for you to inspect. Contributing: Want to add your own template? Just follow the contribution guide and send a PR. Once merged, it automatically shows up on the site. That's it... nothing fancy, just something to save a few minutes when starting new projects with Claude Code Repo:

Daniel San

60,766 次观看 • 1 年前

Using the extension, Claude Code can test code directly in the browser to validate its work. Claude can also see client-side errors via console logs. Try it out by running /chrome in the latest version of Claude Code.

Using the extension, Claude Code can test code directly in the browser to validate its work. Claude can also see client-side errors via console logs. Try it out by running /chrome in the latest version of Claude Code.

Claude

785,678 次观看 • 10 个月前

Claude Code is now free to run. Most people still think you need a paid setup. Here’s the basic flow: → Install Claude Code with the official installer. → Create a free OpenRouter account. → Grab your API key. → Install Claude Code Router. → Point Claude Code to the local router. → Choose a free model with the :free suffix. → Run CCR code instead of normal Claude Code. → Check /status to confirm it works. You keep the Claude Code workflow. You just route it through a free model.

Claude Code is now free to run. Most people still think you need a paid setup. Here’s the basic flow: → Install Claude Code with the official installer. → Create a free OpenRouter account. → Grab your API key. → Install Claude Code Router. → Point Claude Code to the local router. → Choose a free model with the :free suffix. → Run CCR code instead of normal Claude Code. → Check /status to confirm it works. You keep the Claude Code workflow. You just route it through a free model.

Julian Goldie SEO

17,618 次观看 • 4 个月前

A conversation with cat on: - some tips for using Claude Code - how we prototype new features - customizing Claude Code - how we think about the Claude Code SDK and agents

A conversation with cat on: - some tips for using Claude Code - how we prototype new features - customizing Claude Code - how we think about the Claude Code SDK and agents

Alex Albert

147,295 次观看 • 1 年前

ICYMI - Claude Code in the Claude Desktop app! Benefits: → Visual session management instead of terminal tabs → Parallel sessions via git worktrees → Run locally or in the cloud → One-click to open in VS Code or CLI Same Claude Code. Better ergonomics.

ICYMI - Claude Code in the Claude Desktop app! Benefits: → Visual session management instead of terminal tabs → Parallel sessions via git worktrees → Run locally or in the cloud → One-click to open in VS Code or CLI Same Claude Code. Better ergonomics.

Ado

172,126 次观看 • 9 个月前

Omg... you can turn Claude Code into a pro designer? Apparently you can turn any Figma Board into a Claude Skill... If you want early access to the web app... Reply below 👇 we will DM.

Omg... you can turn Claude Code into a pro designer? Apparently you can turn any Figma Board into a Claude Skill... If you want early access to the web app... Reply below 👇 we will DM.

Learn to Vibecode

74,932 次观看 • 10 个月前

Every PM should be using Claude Code. So I built a HUGE course for you to learn Claude Code... IN Claude Code! 🔹 Complete guide 🔹 Make PRDs, analyze data, create decks Soon, I'll sell it for $149. For the next 24h: FREE! Follow + RT + comment "CC" & I'll DM it.

Every PM should be using Claude Code. So I built a HUGE course for you to learn Claude Code... IN Claude Code! 🔹 Complete guide 🔹 Make PRDs, analyze data, create decks Soon, I'll sell it for $149. For the next 24h: FREE! Follow + RT + comment "CC" & I'll DM it.

Carl Vellotti 🥞

465,679 次观看 • 1 年前

ANTHROPIC 🔥: Claude Tag is coming to Claude Desktop in the form of collaborative Projects for Claude Code. That's essentially a built-in Slack 👀 > Earlier spotted Managed Projects feature got a slight upgrade, mentioning that users will be able to spawn different threads within a single project session. > Project creation UI got a new option to add repositories as context, which will be used across all sessions. The upcoming Projects for Claude Code feature is expected to enable teams and individuals to work collaboratively inside Claude Desktop, as they would with Claude Tag on Slack. Claude Code Projects will have persistent context and memory, which Claude will periodically refine and improve over time.

ANTHROPIC 🔥: Claude Tag is coming to Claude Desktop in the form of collaborative Projects for Claude Code. That's essentially a built-in Slack 👀 > Earlier spotted Managed Projects feature got a slight upgrade, mentioning that users will be able to spawn different threads within a single project session. > Project creation UI got a new option to add repositories as context, which will be used across all sessions. The upcoming Projects for Claude Code feature is expected to enable teams and individuals to work collaboratively inside Claude Desktop, as they would with Claude Tag on Slack. Claude Code Projects will have persistent context and memory, which Claude will periodically refine and improve over time.

🚨 AI News | TestingCatalog

90,939 次观看 • 2 个月前

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

Om Patel

154,230 次观看 • 6 个月前