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.

501,312 Aufrufe • vor 8 Monaten •via X (Twitter)

54 Kommentare

Profilbild von Boris Cherny
Boris Chernyvor 8 Monaten

LOVE THIS

Profilbild von David Siegel
David Siegelvor 8 Monaten

🙏

Profilbild von David Siegel
David Siegelvor 8 Monaten

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

Profilbild von David Siegel
David Siegelvor 8 Monaten

Try it if you dare:

Profilbild von cole murray
cole murrayvor 8 Monaten

artifacts but TUI

Profilbild von fks
fksvor 8 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 8 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 8 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 8 Monaten

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

Profilbild von David Siegel
David Siegelvor 8 Monaten

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

Profilbild von Nick Khami
Nick Khamivor 8 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 8 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 8 Monaten

@skeptrune I really like this interface actually. Nearly instantaneous

Profilbild von David Siegel
David Siegelvor 8 Monaten

@skeptrune I bet we could make it way faster!

Profilbild von Patrick Hsu
Patrick Hsuvor 8 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 8 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 8 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 8 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 8 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 8 Monaten

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

Profilbild von Kevin
Kevinvor 8 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 8 Monaten

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

Profilbild von Rasmus Andersson
Rasmus Anderssonvor 8 Monaten

Rad!

Profilbild von can
canvor 8 Monaten

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

Profilbild von David Siegel
David Siegelvor 8 Monaten

No shame — @screenstudio

Profilbild von can
canvor 8 Monaten

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

Profilbild von parker
parkervor 8 Monaten

this is sick!

Profilbild von Ben Tossell
Ben Tossellvor 8 Monaten

🎯

Profilbild von BEARLY_HODLING
BEARLY_HODLINGvor 8 Monaten

i added Iterm2 & Apple Terminal Support

Profilbild von David Siegel
David Siegelvor 8 Monaten

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

Profilbild von gian
gianvor 8 Monaten

unbelievably cool (and based)

Profilbild von akhilesh
akhileshvor 8 Monaten

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

Profilbild von himanshu
himanshuvor 8 Monaten

pretty cool

Profilbild von Julie Yaunches
Julie Yaunchesvor 8 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 8 Monaten

@badlogicgames Nice! Who is Paul Siegal?

Profilbild von Jeremiah Welch
Jeremiah Welchvor 8 Monaten

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

Profilbild von David Siegel
David Siegelvor 8 Monaten

Two hours

Profilbild von Damien C. Tanner
Damien C. Tannervor 8 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 8 Monaten

nice

Profilbild von Muratcan Koylan
Muratcan Koylanvor 8 Monaten

speechless

Profilbild von Larry Velez
Larry Velezvor 8 Monaten

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

Profilbild von marston connell
marston connellvor 8 Monaten

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

Profilbild von john⚡️
john⚡️vor 8 Monaten

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

Profilbild von David Siegel
David Siegelvor 8 Monaten

The flight one is the most fake 😂

Profilbild von john⚡️
john⚡️vor 8 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 8 Monaten

PLEASE somehow manage to make this with codex!

Profilbild von Liad Shababo
Liad Shababovor 8 Monaten

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

Profilbild von Avid
Avidvor 8 Monaten

Yooo this shit is fire

Profilbild von Mert Deveci
Mert Devecivor 8 Monaten

wtf this is awesome

Profilbild von Sam K
Sam Kvor 8 Monaten

very cool.

Profilbild von Gill
Gillvor 8 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 8 Monaten

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

Profilbild von Peter Adams
Peter Adamsvor 8 Monaten

Cool! 🔥

Profilbild von 11eleven
11elevenvor 8 Monaten

That deserves a follow. Sick, bro.

Ähnliche Videos