Video yükleniyor...
Video Yüklenemedi
What if Claude Code had an external display? Introducing 🖱️Claude Canvas📺! Especially useful if you're using CC as a personal agent.
501,312 görüntüleme • 8 ay önce •via X (Twitter)
54 Yorum

LOVE THIS

🙏

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

Try it if you dare:

artifacts but TUI

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.

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.

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

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

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

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

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

@skeptrune I really like this interface actually. Nearly instantaneous

@skeptrune I bet we could make it way faster!

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

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!

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.

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

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.

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

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.

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

Rad!

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

No shame — @screenstudio

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

this is sick!

🎯

i added Iterm2 & Apple Terminal Support

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

unbelievably cool (and based)

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

pretty cool

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

@badlogicgames Nice! Who is Paul Siegal?

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

Two hours

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.

nice

speechless

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

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

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

The flight one is the most fake 😂

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.

PLEASE somehow manage to make this with codex!

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

Yooo this shit is fire

wtf this is awesome

very cool.

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

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

Cool! 🔥

That deserves a follow. Sick, bro.
