Notes on Visual Interfaces, AI Tooling, Fast LLMs and Decision Models

Markdown

Copy options

Download markdown

agentsuxtoolsllmsdesigncanvas

I was listening to The Pragmatic Engineer podcast, with Maggie Appleton being interviewed.1 It sparked a thought about how we are currently in a very textual era of agentic usage.

In the podcast, she brings up the idea of the speed and fidelity of a notebook for just jotting down your ideas and sketching out possibilities. With agentic coding, there are a lot of extra layers to go through to think through a problem. And you’re going through an interface that is highly textual, on the command line.

Related, there’s the work from the people at tldraw, who are experimenting with the canvas as the operating primitive for connecting with agents.2 They have done some experiments connecting the generative output to a viewer in the canvas that you can interact with.3

The idea has potential. I think we’re still missing some primitives. Some of that is around routing to the fastest LLM. I think speed has a certain quality to things. Putting the frontier LLM on “give me button variants” or “build me a small little jig that allows me to adjust the border and colouring” is maybe not necessary.4

Naturally, there’s a level of usability and reusability to it all, and you could imagine reusable tooling as you go along. But I’m not sure exactly what the primitives of that tooling would be. It’s just more of an intuition.

I was playing around with it on the canvas, and tldraw have some examples themselves. One thing I noticed is that you have to think about how you’re branching the context: how you’re bringing it to the next frame, what comes and what doesn’t. Another aspect is how you want to retain all of the intermediate stages of development.

I can imagine you’re designing some sort of homepage and you could have a graph of thirty to forty different individual versions. You could navigate that graph quite easily, branch off, and mix and match between different things. It feels kind of natural, along with some way of collapsing that graph when you’re not interested in certain pieces.

There was another primitive that recently gained popularity in the same space: Jev, TypeSafe’s decision model.5 In my little experiments, I found it a good way of decomposing designs when you want to split them, or when you want to break up a larger piece that an agent has done. Maybe it’s done the whole hero section and homepage, or maybe it’s got the whole nav bar. But now you want to concentrate on the typography of just the text. You could, of course, select it with some sort of editor, but it feels more natural to me that it’s already a thing you can branch and give feedback on.

Here’s a prototype of the rough idea.

A prototype canvas board titled "One brief. Many possibilities." showing five versions of a Fieldwork landing page. Dashed lines connect each version to the one it branched from. A version list sits on the left, and a panel on the right offers branching from a version, combining versions, and asking about a design.

A close-up of the same canvas, where version 18 of the Fieldwork header branches into separate frames for pieces extracted from it: the "Try a little play" button in normal, hover, and keyboard-focus states, the navigation links, the logo, the headline, and a playground of five logo directions.

Footnotes

  1. Gergely Orosz, Design Engineering with Maggie Appleton, The Pragmatic Engineer, September 2026. Maggie is a staff research engineer at GitHub Next. The episode covers why she starts projects by sketching by hand, which she finds faster than describing an idea to a coding agent. ↩

  2. Steve Ruiz, Agents on the Canvas in tldraw, AI Engineer Europe 2026. tldraw also publish an agent starter kit for building agents that read and edit the canvas. ↩

  3. Steve Ruiz, make real, the story so far, November 2023. You sketch an interface, a model generates a working website from the drawing, and the result appears on the canvas, where you can annotate it and generate again. ↩

  4. In the same episode, Maggie describes building “jigs”, named after the woodworking device: small prototypes with sliders and colour pickers that a coding agent builds so she can tweak a design in real time. ↩

  5. Jev is TypeSafe’s “System One” model. It returns typed decisions with calibrated probabilities rather than free text. See Introducing System One Models & Jev. ↩