Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

502,775 Aufrufe • vor 10 Monaten •via X (Twitter)

54 Kommentare

Profilbild von Boris Cherny
Boris Chernyvor 10 Monaten

LOVE THIS

Profilbild von David Siegel
David Siegelvor 10 Monaten

🙏

Profilbild von David Siegel
David Siegelvor 10 Monaten

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

Profilbild von David Siegel
David Siegelvor 10 Monaten

Try it if you dare:

Profilbild von cole murray
cole murrayvor 10 Monaten

artifacts but TUI

Profilbild von fks
fksvor 10 Monaten

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.

Profilbild von David Siegel
David Siegelvor 10 Monaten

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.

Profilbild von 👨‍💻 James Augeri, PhD
👨‍💻 James Augeri, PhDvor 10 Monaten

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

Profilbild von 👨‍💻 James Augeri, PhD
👨‍💻 James Augeri, PhDvor 10 Monaten

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

Profilbild von David Siegel
David Siegelvor 10 Monaten

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

Profilbild von Nick Khami
Nick Khamivor 10 Monaten

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

Profilbild von David Siegel
David Siegelvor 10 Monaten

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

Profilbild von MattStopa
MattStopavor 10 Monaten

@skeptrune I really like this interface actually. Nearly instantaneous

Profilbild von David Siegel
David Siegelvor 10 Monaten

@skeptrune I bet we could make it way faster!

Profilbild von Patrick Hsu
Patrick Hsuvor 10 Monaten

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

Profilbild von David Siegel
David Siegelvor 10 Monaten

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!

Profilbild von MattStopa
MattStopavor 10 Monaten

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.

Profilbild von David Siegel
David Siegelvor 10 Monaten

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

Profilbild von MattStopa
MattStopavor 10 Monaten

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.

Profilbild von Rousseau & Reese Think Tank
Rousseau & Reese Think Tankvor 10 Monaten

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

Profilbild von Kevin
Kevinvor 10 Monaten

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.

Profilbild von alex morris
alex morrisvor 10 Monaten

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

Profilbild von Rasmus Andersson
Rasmus Anderssonvor 10 Monaten

Rad!

Profilbild von can
canvor 10 Monaten

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

Profilbild von David Siegel
David Siegelvor 10 Monaten

No shame — @screenstudio

Profilbild von can
canvor 10 Monaten

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

Profilbild von parker
parkervor 10 Monaten

this is sick!

Profilbild von Ben Tossell
Ben Tossellvor 10 Monaten

🎯

Profilbild von BEARLY_HODLING
BEARLY_HODLINGvor 10 Monaten

i added Iterm2 & Apple Terminal Support

Profilbild von David Siegel
David Siegelvor 10 Monaten

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

Profilbild von gian
gianvor 10 Monaten

unbelievably cool (and based)

Profilbild von akhilesh
akhileshvor 10 Monaten

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

Profilbild von himanshu
himanshuvor 10 Monaten

pretty cool

Profilbild von Julie Yaunches
Julie Yaunchesvor 10 Monaten

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

Profilbild von David Siegel
David Siegelvor 10 Monaten

@badlogicgames Nice! Who is Paul Siegal?

Profilbild von Jeremiah Welch
Jeremiah Welchvor 10 Monaten

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

Profilbild von David Siegel
David Siegelvor 10 Monaten

Two hours

Profilbild von Damien C. Tanner
Damien C. Tannervor 10 Monaten

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.

Profilbild von Jeff Huber
Jeff Hubervor 10 Monaten

nice

Profilbild von Muratcan Koylan
Muratcan Koylanvor 10 Monaten

speechless

Profilbild von Larry Velez
Larry Velezvor 10 Monaten

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

Profilbild von marston connell
marston connellvor 10 Monaten

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

Profilbild von john⚡️
john⚡️vor 10 Monaten

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

Profilbild von David Siegel
David Siegelvor 10 Monaten

The flight one is the most fake 😂

Profilbild von john⚡️
john⚡️vor 10 Monaten

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.

Profilbild von belowcube 🇪🇬
belowcube 🇪🇬vor 10 Monaten

PLEASE somehow manage to make this with codex!

Profilbild von Liad Shababo
Liad Shababovor 10 Monaten

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

Profilbild von Avid
Avidvor 10 Monaten

Yooo this shit is fire

Profilbild von Mert Deveci
Mert Devecivor 10 Monaten

wtf this is awesome

Profilbild von Sam K
Sam Kvor 10 Monaten

very cool.

Profilbild von Gill
Gillvor 10 Monaten

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

Profilbild von JΞNSΞN
JΞNSΞNvor 10 Monaten

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

Profilbild von Peter Adams
Peter Adamsvor 10 Monaten

Cool! 🔥

Profilbild von 11eleven
11elevenvor 10 Monaten

That deserves a follow. Sick, bro.

Ähnliche Videos