Videos sPUjIBH5Cwg
Agents on the Canvas in tldraw — Steve Ruiz, tldraw
Scene timeline
76 shot(s).
keyframes kept every frame deduplicated
What was stored
- cues
- 245
- whisperx 245
- chunks
- 34
- from 245 cues
- keyframes
- 64
- kept of 76 captured
- frames with text
- 64
- 3,256 lines read
- chapters
- 0
- from the source metadata
- keyframe bytes
- 8.4 MB
- word timings on 245 cues
Provenance
| stage | state | model | started | took |
|---|---|---|---|---|
fetch |
done | — | 2026-08-10 22:36 | 1m 16s |
stt |
done | — | 2026-08-10 22:37 | 20s |
chunk |
done | — | 2026-08-10 22:37 | 0s |
text_embed |
done | — | 2026-08-10 22:37 | 0s |
keyframe |
done | — | 2026-08-10 22:37 | 1m 58s |
ocr |
done | — | 2026-08-10 22:39 | 48s |
frame_embed |
done | — | 2026-08-10 22:40 | 11s |
Frames, and what the machine read
-
- AlEngineer0.98
- EUROPE1.00
-
- PRESENTINGSPONSOR1.00
- Google DeepMind1.00
-
- PLATINUM SPONSORS0.98
- # Braintrust0.96
- WorkOS OpenAI0.95
-
- Ste0.99
- Sreve0.99
- @s0.97
- Ruiz0.94
- Bt0.73
- AlEngineer0.99
- EUROPE1.00
- Iraw0.94
-
- Chrome1.00
- History1.00
- Bookmarks1.00
- Profiles0.98
- Tab1.00
- Window1.00
- Help1.00
- AI Engineer Europe 2.. lft0.93
- Thu Apr 9 11:52AM0.99
- Steve Ru0.89
- BAE0.93
- make reel0.89
- 日tdraw ap0.79
- teach·tlo0.80
- tdraw tein0.78
- Schedule0.99
- Creative0.98
- Agent sta0.95
- tdraw.com//GIT46ulDprtyDdg-T73QD7d=v-9203.-1414.1904.1018.00n_6KjBulhp0f8G-wm5o0.98
- @☆0.92
- 口0.68
- e0.83
- 日0.85
- AIE0.99
- AIE1.00
- ★1.00
- Steve Ruiz0.99
- ★1.00
- ★1.00
- ★1.00
- Sreve0.92
- @steveruizok1.00
- Ruiz0.84
- tldraw0.98
- 94%1.00
- 图0.99
- AlEngineer0.97
- AlEngineer0.99
- EUROPE1.00
- EUROPE1.00
-
- Chrome1.00
- Edit0.99
- History1.00
- Bookmarks1.00
- Profiles0.95
- Tab Window1.00
- Help1.00
- AI Engineer Europe 2..7m lef0.86
- 00.74
- D0.61
- Thu Apr 9 11:53AM0.99
- Steve Rulz0.95
- AIE0.92
- make real0.89
- tidraw agent ×0.94
- ; teach · tidr0.81
- Schedule |0.94
- Creative ag0.94
- Home - Rec0.93
- Agent start:0.94
- draw.com/t/GIT46ulDprlyDdg-T73QD7d=v-8699.-1385.1538.771.00n_6KjBulhp0f8G-wm5o0.96
- ☆0.95
- 口0.56
- e0.84
- AIE0.99
- / Slides0.86
- ★1.00
- ★1.00
- AIE1.00
- ★1.00
- ★1.00
- ★1.00
- ★1.00
- Shape1.00
- Steve Ruiz0.99
- Sreve0.90
- @steveruizok1.00
- Ruiz0.93
- tldraw0.99
- 124%1.00
- 图0.99
- AlEngineer0.97
- AlEngineer1.00
- EUROPE1.00
- EUROPE1.00
-
- Chrome1.00
- File0.97
- Edit0.96
- History1.00
- Bookmarks1.00
- Profiles1.00
- Tab1.00
- Window1.00
- Help1.00
- AI Engineer urope 2.. m left0.87
- D0.54
- Thu Apr 9 11:53AM1.00
- Steve Rulz0.96
- AIE0.91
- make real0.92
- tidraw agent0.88
- teach - tidr:0.78
- tidraw fairies0.96
- Schedule |0.94
- timer0.99
- Creative ap:0.87
- Stutch - Pro0.90
- Agent start:0.97
- replit.com/0.94
- ☆0.96
- 口0.72
- e0.86
- steve135's Workspace0.98
- + Create something new0.98
- ⊕Import code or design0.98
- Home1.00
- 8Projects0.91
- Recent Projects0.97
- Published Projects1.00
- Pilates Coach0.97
- s steve135's Workspace0.96
- ★1.00
- Settings1.00
- My Tidraw Repl (1)0.99
- TinyHtml1.00
- Hi @steve135, what do you want to make?0.99
- AIE1.00
- My Tidraw Repl0.93
- JSFundamentals0.99
- ★1.00
- Build a website for...1.00
- ★1.00
- ★1.00
- ★1.00
- Plan0.99
- 00.68
- 国0.74
- Agent 4 Referral1.00
- Website1.00
- Moblle0.95
- Animation1.00
- 3D Game0.97
- Design0.99
- Agent 4. They get 1 month of0.95
- Core fre. You get 1 month free.0.83
- Gita friend a month of Replit0.93
- Startup financial model0.99
- App signup demo0.99
- Try an example prompt0.99
- Fintech product walkthrough1.00
- Learn0.84
- Documentation0.96
- Your Starter Plan0.99
- (> Pree ps0.78
- 5/1.0 created0.97
- Cloud credits1.00
- Your recent Projects1.00
- View All →0.93
- + Upgrade to Replit Core0.95
- Install Replit on • Changelog0.88
- AlEngineer0.96
- AlEngineer0.99
- EUROPE1.00
- EUROPE1.00
-
- View1.00
- History1.00
- Bookmarks1.00
- Profiles0.94
- Tab Window1.00
- Help1.00
- Al Engineer Europe 2... 7m leftt0.92
- Thu Apr 9 11:53AM0.96
- Steve Rulz0.91
- AIE0.93
- tidraw agent0.96
- Pllates Coo0.93
- lumalabs.al/app?utm_medlum=cpc&utm_source=google&utm_campalgn=branding&utm_source=google&utm_medium=paid_soclai&utm_campaign=23622029219&utm_content=196928055027&utm_term=luma%20al&gad_source..0.98
- @☆0.85
- 口0.68
- e0.85
- Luma0.97
- PRODUCT PRICING ENTERPRISE NEWS JOIN US0.98
- Sign In0.99
- Luma1.00
- AIE1.00
- Creative agents that make you prolific0.97
- ★1.00
- ★1.00
- ★1.00
- Luma Agents are the force multiplier for your team. They plan, generate,1.00
- iterate, and refine with full context across every stage of creative work.0.99
- Get started1.00
- Luma for teams1.00
- AlEngineer0.97
- AlEngineer0.99
- EUROPE1.00
- EUROPE1.00
-
- Chrome1.00
- History1.00
- Bookmarks0.99
- Profiles0.96
- Window1.00
- Help1.00
- 1Al Engineer Europe 2..7 m left0.91
- Thu Apr 9 11:53AM1.00
- Steve Rulz0.93
- AIE0.94
- make real -0.93
- tidraw agent0.98
- teach - tidr0.80
- tidraw fairies0.91
- Schedule |0.98
- Pllates Coo0.89
- Agent start:0.95
- lumalabs.al/app?utm_medlum=cpc&utm_source=google&utm_campalgn=branding&utm_source=google&utm_medlium=paid_soclal&utm_campaign=23622029219&utm_content=196928055027&utm_term=luma%20al&gad_source..0.97
- @☆0.84
- 口0.64
- e0.82
- Luma0.96
- PRODUCT PRICING ENTERPRISE NEWS JOIN US0.99
- Full channel productlaunch0.97
- ★1.00
- AIE1.00
- ★1.00
- ★1.00
- ★1.00
- ★1.00
- I'm launching a new product across all channels.1.00
- Help me plan and execute the campaign.1.00
- Scope: Product, Brand, Marketing.0.97
- Analyzed your request0.99
- ∞ Reading ..0.94
- AlEngineer0.96
- AlEngineer1.00
- EUROPE1.00
- EUROPE1.00
-
- Chrome1.00
- File0.96
- Edit0.99
- History1.00
- Bookmarks1.00
- Profiles1.00
- Tab1.00
- Window1.00
- Help1.00
- AI Engineer Europe 2.. 7m left0.82
- 60.77
- 00.84
- D0.52
- 80.59
- Thu Apr 9 11:53AM1.00
- x0.64
- Steve Rulz0.95
- AIE0.86
- make real -0.90
- tidraw agent0.98
- teach - tidr:0.78
- tidraw falries0.94
- Schedule |0.86
- timer0.99
- Creatve ap:0.84
- Pllates Coo:0.93
- Stitch - Pro0.95
- Agent start:0.95
- 40.91
- stitch.withgooge.com/projects/12897116566686637733?pll=10.93
- ☆0.86
- 口0.72
- e0.79
- Coffee Calculator0.98
- Generate0.96
- Modify0.95
- Preview1.00
- More0.99
- Export0.94
- Share1.00
- 00.94
- ☆0.86
- Yes, create all of them0.99
- CoffeLustt0.62
- o Setings0.73
- your coffee calculator app:0.99
- The designs have been generated for0.98
- fee Calculator1.00
- Coffee Library1.00
- My Recipes0.96
- ←1.00
- Settings1.00
- ★1.00
- ★1.00
- ★1.00
- AIE1.00
- ★1.00
- ★1.00
- ★1.00
- Coffee List: A soreen displaying a list0.97
- ● Coffee Calculator: A screen for0.95
- users to input coffee parameters like0.99
- strength, serving size, and coffee0.96
- type to get a calculated result for0.99
- their brew.1.00
- Medium1.00
- Strong1.00
- 250ml1.00
- Q Search for coffee..0.95
- Origin1.00
- = Roast Level0.95
- Y0.85
- Q Search recipes0.97
- Morning V601.00
- 1:16 ratio - 20g coffee. 320g0.96
- wator0.93
- 10.53
- [email protected]1.00
- Alex Latte1.00
- Edit Profile0.99
- ★1.00
- ★1.00
- ★1.00
- of different coffee types with their0.98
- characteristics and brewing1.00
- Afternoon AeroPress0.98
- Unit Preferences1.00
- suggestions.1.00
- g0.67
- 1:15 ratio - 15g coffee. 225g0.99
- • Saved Recipes: A screen where0.96
- • Settings: A screen for app settings,0.97
- What would you like to do next?0.99
- users can view, edit, and manage1.00
- their saved coffee calculation1.00
- unit preferences, and user profle0.98
- management.0.99
- recipes.1.00
- Colombian Supremo1.00
- Origin: Colombia | Roast: Medium0.99
- 米0.84
- water0.98
- Cold Brew Concentrate1.00
- 1:4 ratio - 100g coffee. 400g0.97
- water0.99
- Espresso Shot1.00
- 1:2 ratio - 18g coffee, 36g yield0.98
- 10.69
- 10.69
- App Settings1.00
- G0.77
- Weight & Volume1.00
- Temperature1.00
- Dark Mode1.00
- Celsius1.00
- Metric1.00
- Q0.68
- Notes: Caramel, Nutty0.98
- Best for Pour-Over1.00
- 00.80
- Push Notifications1.00
- More1.00
- Coffee List1.00
- Your Recipe0.98
- What would you like to change or create?0.99
- About1.00
- Agent log0.94
- 250ml 1:16.70.97
- Water0.90
- Ratio1.00
- +0.98
- 3.0 Flash0.96
- Support1.00
- 102%1.00
- AlEngineer0.97
- AlEngineer1.00
- EUROPE1.00
- EUROPE1.00
-
- Chrome1.00
- Edit0.99
- History1.00
- Bookmarks1.00
- Profiles1.00
- Tab1.00
- Window1.00
- Help1.00
- I AI Engineer urope 2..7 m mleft0.82
- 60.69
- D0.62
- 80.59
- Thu Apr 9 11:53AM1.00
- Steve Rulz0.94
- make real -0.84
- teach - tidr:0.78
- Schedule |0.97
- timer0.98
- Creative ap:0.85
- Pilates Coo:0.90
- Stitch - Pro0.85
- Agent start:0.96
- stitch.withgoogle.com/projects/12897116566686637733?pll=10.99
- ☆0.99
- 口0.54
- e0.85
- Coffee Calculator1.00
- Generate1.00
- Modify0.96
- Preview1.00
- More0.99
- Export0.95
- Share1.00
- Yes, create all of them1.00
- The designs have been generated for1.00
- your coffee calculator app:1.00
- • Coffee Calculator: A screen for0.96
- ★0.95
- ★1.00
- AIE1.00
- ★1.00
- strength, serving size, and coffee0.99
- type to get a calculated result for0.97
- users to input coffee parameters like0.97
- ★1.00
- ★1.00
- • Coffee List: A screen displaying a llst0.94
- their brew.1.00
- 口0.77
- ★1.00
- ★1.00
- ★1.00
- of different coffee types with their0.99
- characteristics and brewing1.00
- suggestions.1.00
- 250ml 116.70.80
- • Saved Recipes: A screen where0.97
- users can view, edit, and manage0.98
- their saved coffee calculation1.00
- • Settings: A screen for app settings.0.97
- recipes.1.00
- unit preferences, and user profile0.98
- ☆0.85
- management.0.99
- What would you like to do next?0.99
- Coffe Caloulator0.92
- 390x15260.97
- Coffee List1.00
- What would you like to change or create?1.00
- Agent log1.00
- 3.0 Flash0.98
- 41%1.00
- AlEngineer0.97
- AlEngineer1.00
- EUROPE1.00
- EUROPE1.00
-
- Chrome1.00
- File1.00
- History1.00
- Bookmarks1.00
- Profiles1.00
- Tab1.00
- Window1.00
- Help1.00
- AI Enginer urope 2.. m left0.84
- D0.53
- Thu Apr 9 11:53AM1.00
- Steve Rulz0.91
- AIE0.95
- make real -0.92
- tidraw agent0.98
- teach - tidr0.81
- tidraw fairies0.99
- Schedule |0.94
- timer0.99
- Creatve ag:0.88
- Plilates Coo0.87
- Stitch - Pro0.86
- Agent star0.94
- e0.75
- stitch.withgoogle.com/projects/12897116566686637733?pll=10.98
- Stitch - Projects0.98
- stitch.withgoogle.com0.97
- 口0.65
- e0.87
- Memory usage: 155 MB0.99
- AIE1.00
- Describe your change..0.96
- ★1.00
- ★1.00
- ★1.00
- ★1.00
- a0.77
- Cancel1.00
- Apply0.99
- AlEngineer0.98
- AlEngineer1.00
- EUROPE1.00
- EUROPE1.00
-
- Edit0.95
- History1.00
- Bookmarks1.00
- Profiles0.94
- Tab Window Help0.99
- AI Engineer Europe 2..7m left0.87
- D0.58
- Thu Apr 9 11:53AM0.98
- Steve Rulz0.94
- AIE0.93
- mako real - ×0.82
- tidraw agent ×0.91
- ; teach·tidr0.78
- Schedule|0.90
- Creative ap0.92
- Plates Coo:0.90
- Stitch - Pro0.91
- Agent star:0.96
- s0.50
- tidraw.0om/f/GIT46ulDprlyDdg-T73QD7d=v-8951.-1268.1538.771.00n_6KjBulhp0f8G-wm5o0.96
- ☆0.94
- 白0.56
- e0.79
- 日0.81
- AIE0.97
- / Slides0.85
- ★0.92
- AIE1.00
- Steve Ruiz0.98
- Sreve0.95
- @steveruizok1.00
- ★1.00
- ★1.00
- Ruiz0.85
- Shape1.00
- tldraw0.98
- 124%1.00
- Engineering the future of Al0.99
- AlEngineer0.98
- EUROPE1.00
-
- History1.00
- Bookmarks1.00
- Profiles1.00
- Tab Window0.99
- Help1.00
- AI Engineer EGurope 2..6m leeft0.91
- 00.62
- D0.51
- Thu Apr 9 11:54AM0.99
- AIE0.94
- make real -0.92
- tidraw agent0.98
- ; teach·tidr0.82
- tidraw tairies0.92
- Schedule |0.92
- Creative ag:0.92
- Pllates Coo:0.91
- Agent start:0.93
- ddraw.com/f/GIT46ulDprlyDdg-T73QD?d=v-9712.-1564.3772.1892.00n_6KjBulhp0f8G-wm5o0.98
- ☆0.91
- 口0.78
- e0.86
- 日0.63
- AIE0.99
- Make Real0.95
- C1.00
- ★1.00
- M1.00
- ★1.00
- AIE1.00
- ★1.00
- ★1.00
- ★1.00
- Continue0.99
- makereal.tldraw.com1.00
- 50%1.00
- 图1.00
- Engineering the future of Al0.98
- AlEngineer0.99
- EUROPE1.00
-
- History1.00
- Bookmarks1.00
- Profiles1.00
- Tab1.00
- Window0.89
- Help0.89
- AI Engineer Europe 2... 6m left0.93
- Thu Apr 9 11:54 AM0.91
- Sterve Rui:0.91
- make real0.94
- xcom/tid0.83
- tidrew ag0.93
The page's on-screen-text budget of 600
lines is spent, so the last cards in this grid list fewer lines than they
hold. Narrow the page with ?frames= to read them.
Transcript
245 cues· 2,945 words· 15,055 chars
- 0:14 Hello, hey, I'm gonna kick off.
- 0:18 Sorry, we're starting a little bit late here.
- 0:22 I am Steve Ruiz from Teal Draw.
- 0:26 Does anyone know Teal Draw?
- 0:28 Hey, all right, fans in the room.
- 0:30 If you don't know Teal Draw, Teal Draw is kind of a couple of things.
- 0:34 Teal Draw is a online whiteboard, you can go to it, it's free, it's really nice.
- 0:41 I'm gonna be using it for my slides.
- 0:44 TealDraw is also a startup.
- 0:45 We're based here in London.
- 0:47 And TealDraw is also an SDK, something that you can use to build other products.
- 0:52 So if you've used Replit's new agent canvas, then that's built with our canvas.
- 1:01 If you've used Luba AI's new canvas, that's built with our canvas.
- 1:07 If you've used Stitch's new canvas, that's not built with our canvas.
- 1:12 But if you go into this annotate mode, this actually is our canvas.
- 1:21 So we're in there somewhere.
- 1:22 It's an Angular app.
- 1:25 So anyway, TealDraw is, again, the company makes a whiteboard, makes a whiteboard SDK.
- 1:32 Part of the idea with the SDK is that you can build cool things with the SDK, which means it's part of my job to build cool things with the SDK to prove it.
- 1:42 And a lot of those things recently have involved AI, right?
- 1:45 Hackable canvas, runtime, built with React.
- 1:50 In fact, the canvas is also just React components, so component, component, component, which means you can do some pretty cool stuff.
- 1:59 First one, I'm gonna be at the mercy of the demo gods here and the internet and other things, so bear with me here.
- 2:06 Does anyone remember this app MakeReal?
- 2:09 Maybe this tweet about MakeReal, did anyone remember seeing this tweet back in 2023 when the vision models came out?
- 2:16 All right, cool.
- 2:17 This was one of the first projects to break containment in AI.
- 2:25 Don't, we're gonna go to my phone.
- 2:27 Fuck this.
- 2:31 Which may itself be a disaster.
- 2:35 So the basic idea with MakeReal was that you could use the canvas, draw this, then send that to a model and have it make it into a working prototype, which sounds very, very quaint in 2026.
- 2:47 But in 2023, it was all the rage because there was no lovable, there was no kind of vibe coding hadn't been termed or coined as a term.
- 2:55 And so this was one of the first projects where non-technical people could make technical stuff without having to code or to look at code.
- 3:04 And so again, we are at the mercy of several fucking various internet gods, so we'll see.
- 3:14 I'm gonna let this cook for a minute.
- 3:17 But at the risk of leaking my API keys, I will try and switch to a faster model.
- 3:22 Oh no, it's coming, all right.
- 3:23 Maybe I just gave it something hard to work on.
- 3:27 We'll see, hang on a second.
- 3:30 Basic idea, something like that.
- 3:35 Yeah, there's my API keys.
- 3:37 I always gotta rotate them every time I do this demo, sadly.
- 3:41 We'll see how much gets spent before I get done with the talk.
- 3:47 But it's a very simple problem.
- 3:48 It's just like, go make this interactive.
- 3:50 This is not what I asked for, but we'll see.
- 3:54 All right, good job, cool.
- 3:55 And this is a working thing, which is great.
- 3:58 It's like a real little bit of HTML.
- 4:00 But you could also annotate on top of it.
loading