Francois Laberge
@seflless.bsky.social
Founder of Decode, a white-board that writes & explains code — https://decode.dev
A Decode demo (decode.dev)
1. Convert free form diagrams to mermaid diagrams
2. Use free form annotations to edit mermaid code
1. Convert free form diagrams to mermaid diagrams
2. Use free form annotations to edit mermaid code
April 14, 2025 at 1:43 PM
A Decode demo (decode.dev)
1. Convert free form diagrams to mermaid diagrams
2. Use free form annotations to edit mermaid code
1. Convert free form diagrams to mermaid diagrams
2. Use free form annotations to edit mermaid code
I always liked JSON’s too: www.json.org/json-en.html
March 7, 2025 at 4:21 PM
I always liked JSON’s too: www.json.org/json-en.html
Tiddlywiki’s claim to fame initially was exactly this trick. Looks like the project has moved on to supporting hosted variants too.
tiddlywiki.com
stackoverflow.com/questions/45...
tiddlywiki.com
stackoverflow.com/questions/45...
December 31, 2024 at 7:16 PM
Tiddlywiki’s claim to fame initially was exactly this trick. Looks like the project has moved on to supporting hosted variants too.
tiddlywiki.com
stackoverflow.com/questions/45...
tiddlywiki.com
stackoverflow.com/questions/45...
"Quiver: a modern commutative diagram editor"
@elliot.website This seems like your type of thing.
Source code: github.com/varkor/quiver
@elliot.website This seems like your type of thing.
Source code: github.com/varkor/quiver
December 27, 2024 at 1:01 PM
"Quiver: a modern commutative diagram editor"
@elliot.website This seems like your type of thing.
Source code: github.com/varkor/quiver
@elliot.website This seems like your type of thing.
Source code: github.com/varkor/quiver
I'll be restyling Decode to look less like @tldraw.com's default UI, in order to build separate brand equity.
First up is picking a new font. I built this tool to quickly compare handwritten style fonts with Tldraw's.
First up is picking a new font. I built this tool to quickly compare handwritten style fonts with Tldraw's.
December 26, 2024 at 4:30 PM
I'll be restyling Decode to look less like @tldraw.com's default UI, in order to build separate brand equity.
First up is picking a new font. I built this tool to quickly compare handwritten style fonts with Tldraw's.
First up is picking a new font. I built this tool to quickly compare handwritten style fonts with Tldraw's.
I'm targeting full compatibility with github.com's and VS Code's markdown renderer. Here's a demo of a bunch of the markdown features it supports.
December 17, 2024 at 7:20 PM
I'm targeting full compatibility with github.com's and VS Code's markdown renderer. Here's a demo of a bunch of the markdown features it supports.
I added a markdown editor to Decode (getdecode.dev), including a side by side editor with real-time preview.
December 17, 2024 at 7:20 PM
I added a markdown editor to Decode (getdecode.dev), including a side by side editor with real-time preview.
Convert free form diagrams to auto-layout versions, using Decode, getdecode.dev
December 10, 2024 at 7:58 PM
Convert free form diagrams to auto-layout versions, using Decode, getdecode.dev
Generating diagrams from code inside VS Code. This time with much improved auto-layout. Using Decode, getdecode.dev
December 10, 2024 at 7:57 PM
Generating diagrams from code inside VS Code. This time with much improved auto-layout. Using Decode, getdecode.dev
Edit diagrams by drawing on them in Decode (getdecode.dev)
December 10, 2024 at 4:23 PM
Edit diagrams by drawing on them in Decode (getdecode.dev)
In Decode you can edit code by drawing on it. It's like grading your own homework, which you are. getdecode.dev
December 2, 2024 at 10:23 PM
In Decode you can edit code by drawing on it. It's like grading your own homework, which you are. getdecode.dev
The leaderboard is what you want to read through too for SWE-bench and other evals, as you can find very valuable works/projects in there. See OpenHands* for example which achieved 53% and is open sourced: github.com/All-Hands-AI...
December 2, 2024 at 2:17 PM
The leaderboard is what you want to read through too for SWE-bench and other evals, as you can find very valuable works/projects in there. See OpenHands* for example which achieved 53% and is open sourced: github.com/All-Hands-AI...
Demo of generating multiple files in Decode from a diagram and/or spatial instructions. getdecode.dev
December 2, 2024 at 2:03 AM
Demo of generating multiple files in Decode from a diagram and/or spatial instructions. getdecode.dev
Updated demo of Decode generating state-machines from diagrams, this time with streaming generation support
Then I do the reverse, generating a diagram from an implementation.
The diagram auto-layout is still rough. I'll work work on more robust auto-layout soon.
Then I do the reverse, generating a diagram from an implementation.
The diagram auto-layout is still rough. I'll work work on more robust auto-layout soon.
December 1, 2024 at 9:24 PM
Updated demo of Decode generating state-machines from diagrams, this time with streaming generation support
Then I do the reverse, generating a diagram from an implementation.
The diagram auto-layout is still rough. I'll work work on more robust auto-layout soon.
Then I do the reverse, generating a diagram from an implementation.
The diagram auto-layout is still rough. I'll work work on more robust auto-layout soon.
Tested the generated code by putting it into the XState visualizer.
Checkout the visualizer and the xstate package, if you haven't used it before: stately.ai/viz
Checkout the visualizer and the xstate package, if you haven't used it before: stately.ai/viz
December 1, 2024 at 12:42 AM
Tested the generated code by putting it into the XState visualizer.
Checkout the visualizer and the xstate package, if you haven't used it before: stately.ai/viz
Checkout the visualizer and the xstate package, if you haven't used it before: stately.ai/viz
Demo of Decode generating a state machine implementations from a drawing (getdecode.dev)
Next, I'm adding incrementally showing the generated code as it streams.
Next, I'm adding incrementally showing the generated code as it streams.
December 1, 2024 at 12:42 AM
Demo of Decode generating a state machine implementations from a drawing (getdecode.dev)
Next, I'm adding incrementally showing the generated code as it streams.
Next, I'm adding incrementally showing the generated code as it streams.
Latest progress on Skewed the 3D SVG. Added support for object transforms/hierarchies, lighting, camera system, and a new sphere renderer that used a <circle> with a dynamically changing radial gradient.
September 2, 2023 at 12:52 AM
Latest progress on Skewed the 3D SVG. Added support for object transforms/hierarchies, lighting, camera system, and a new sphere renderer that used a <circle> with a dynamically changing radial gradient.
Added cylinders and basic directional lighting and last night to Skewed, my 3D SVG renderer.
April 28, 2023 at 9:37 PM
Added cylinders and basic directional lighting and last night to Skewed, my 3D SVG renderer.
I’ve been working on the math types for Skewed and I’m going with an imperative style chaining API for it. I slightly hesitate to not make it functional style, but perf differences were noticeable.
Here’s how the Vector3 class looks for instance, no new keyword use but class like dot call chaining
Here’s how the Vector3 class looks for instance, no new keyword use but class like dot call chaining
April 27, 2023 at 11:21 PM
I’ve been working on the math types for Skewed and I’m going with an imperative style chaining API for it. I slightly hesitate to not make it functional style, but perf differences were noticeable.
Here’s how the Vector3 class looks for instance, no new keyword use but class like dot call chaining
Here’s how the Vector3 class looks for instance, no new keyword use but class like dot call chaining
I’m calling my 3D SVG renderer “skewed”. Having it so it generates clean Figma compatible SVG is a high priority. Works great so far.
April 27, 2023 at 11:15 PM
I’m calling my 3D SVG renderer “skewed”. Having it so it generates clean Figma compatible SVG is a high priority. Works great so far.