Загрузка видео...

Не удалось загрузить видео

На главную

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.

Похожие видео