正在加载视频...

视频加载失败

What if Claude Code had an external display? Introducing 🖱️Claude Canvas📺! Especially useful if you're using CC as a personal agent.

501,312 次观看 • 8 个月前 •via X (Twitter)

54 条评论

Boris Cherny 的头像
Boris Cherny8 个月前

LOVE THIS

David Siegel 的头像
David Siegel8 个月前

🙏

David Siegel 的头像
David Siegel8 个月前

If you were to add this to CC, maybe they’re “visual skills” or “interactive skills”?

David Siegel 的头像
David Siegel8 个月前

Try it if you dare:

cole murray 的头像
cole murray8 个月前

artifacts but TUI

fks 的头像
fks8 个月前

Woah, super cool! I wonder if Claude could generate UI for you on the fly for scenarios not covered by built-in UI. Like if there was no email preview UI included, it feels like something that could have been generated on-demand and then saved to reuse later for future emails, customized from there, etc.

David Siegel 的头像
David Siegel8 个月前

Yeah, it is kinda doing that already — Claude makes the UIs as tools, saves them, then uses them. I bet we could speed it up.

👨‍💻 James Augeri, PhD 的头像
👨‍💻 James Augeri, PhD8 个月前

@FredKSchott ya been tinkering with something similar inline output, canvas kickout, forms & figures structured output, nice hypertoken use case, etc.

👨‍💻 James Augeri, PhD 的头像
👨‍💻 James Augeri, PhD8 个月前

@FredKSchott shared some few days ago, all autogen etc.

David Siegel 的头像
David Siegel8 个月前

@FredKSchott Excellent! I would love a data viz skill.

Nick Khami 的头像
Nick Khami8 个月前

fascinating. i wasn't expecting this skill to use the terminal. my thought was that it'd be a browser thing

David Siegel 的头像
David Siegel8 个月前

Maybe browser would be a better choice overall but I wanted to keep this in the spirit of Claude Code

MattStopa 的头像
MattStopa8 个月前

@skeptrune I really like this interface actually. Nearly instantaneous

David Siegel 的头像
David Siegel8 个月前

@skeptrune I bet we could make it way faster!

Patrick Hsu 的头像
Patrick Hsu8 个月前

very interesting! since this burns tokens every time you regenerate the interface, i'm curious if there's a way to do this in a more token efficient manner

David Siegel 的头像
David Siegel8 个月前

The interfaces are generated once and reused in this case, with Claude passing dynamic data to them. Claude builds the interfaces as tools and saves them. I do think it could be less efficient and more interesting. Good to hear from you, Patrick!

MattStopa 的头像
MattStopa8 个月前

You know... After thinking about this more, I think this is more interesting than I thought. Essentially you are creating an AI operating system, where the AI is the driver. That's pretty interesting.

David Siegel 的头像
David Siegel8 个月前

It’s not as dynamic as it should be to achieved that, but yeah, it’s a contrived demo of that idea.

MattStopa 的头像
MattStopa8 个月前

Right, it's just conceptual. But it's a interesting idea. Right now AI is bolted on to different OS's but this has the potential to sort of be it's own OS in a sense. Just run everything via text and see the output. I can definitely see the value of this in daily life.

Rousseau & Reese Think Tank 的头像
Rousseau & Reese Think Tank8 个月前

oh yeah I would love my cofounder to email me AI slop

Kevin 的头像
Kevin8 个月前

This looks really great! I've been building a version of this for myself that wraps Claude and other CLIs in a GUI and allows the agent to see what I have selected, update notes and lists with real-time update, etc. Not ready to open source yet.

alex morris 的头像
alex morris8 个月前

love this, can you make it look like age of empires?

Rasmus Andersson 的头像
Rasmus Andersson8 个月前

Rad!

can 的头像
can8 个月前

incredible work! worlds most shameless question: how did you record this video?

David Siegel 的头像
David Siegel8 个月前

No shame — @screenstudio

can 的头像
can8 个月前

@screenstudio still thinking about how cool this is btw. and thank you!

parker 的头像
parker8 个月前

this is sick!

Ben Tossell 的头像
Ben Tossell8 个月前

🎯

BEARLY_HODLING 的头像
BEARLY_HODLING8 个月前

i added Iterm2 & Apple Terminal Support

David Siegel 的头像
David Siegel8 个月前

Very nice. I stated with opening windows in Ghostty but mix was just easier.

gian 的头像
gian8 个月前

unbelievably cool (and based)

akhilesh 的头像
akhilesh8 个月前

the ticket pane is a nerd feature but the email pane fr looks good

himanshu 的头像
himanshu8 个月前

pretty cool

Julie Yaunches 的头像
Julie Yaunches8 个月前

I took the liberty of porting this to Pi. Forking and crediting you of course! Pi is this: Written by: @badlogicgames

David Siegel 的头像
David Siegel8 个月前

@badlogicgames Nice! Who is Paul Siegal?

Jeremiah Welch 的头像
Jeremiah Welch8 个月前

That’s awesome, how long did it take you to figure this out and have it working?

David Siegel 的头像
David Siegel8 个月前

Two hours

Damien C. Tanner 的头像
Damien C. Tanner8 个月前

This is genius. Tried it out but realised I needed something a bit more complex for approving draft content Claude code is writing. But your idea prompted me to prompt Claude to build a little web UI which is working nicely.

Jeff Huber 的头像
Jeff Huber8 个月前

nice

Muratcan Koylan 的头像
Muratcan Koylan8 个月前

speechless

Larry Velez 的头像
Larry Velez8 个月前

OpenTUI might help you make this extra sexy as a TUI interface.

marston connell 的头像
marston connell8 个月前

really really cool. Glad to see the harness is being iterated on so quickly like this

john⚡️ 的头像
john⚡️8 个月前

Wow how does the flight one work? Is there an api for that? Does it include prices?

David Siegel 的头像
David Siegel8 个月前

The flight one is the most fake 😂

john⚡️ 的头像
john⚡️8 个月前

Makes sense. I share your dream of agentic travel booking. But when I looked into it seemed like you have to be an insider to get any kind of access to flight pricing analytics, the airlines have partnerships with the Expedia etc. but if you’re not a partner you’re locked out.

belowcube 🇪🇬 的头像
belowcube 🇪🇬8 个月前

PLEASE somehow manage to make this with codex!

Liad Shababo 的头像
Liad Shababo8 个月前

Dude, I see a hundred different Claude Code concepts a day, but this one is amazing. Well done!

Avid 的头像
Avid8 个月前

Yooo this shit is fire

Mert Deveci 的头像
Mert Deveci8 个月前

wtf this is awesome

Sam K 的头像
Sam K8 个月前

very cool.

Gill 的头像
Gill8 个月前

Chat is a terrible interface for long-running computation. A canvas makes the agent’s working memory explicit.

JΞNSΞN 的头像
JΞNSΞN8 个月前

Holy this is awesome! Thanks for showing us what’s possible!

Peter Adams 的头像
Peter Adams8 个月前

Cool! 🔥

11eleven 的头像
11eleven8 个月前

That deserves a follow. Sick, bro.

相关视频