A Decode demo (decode.dev) 1. Convert free form diagrams to mermaid diagrams 2. Use free form annotations to edit mermaid code
Francois Laberge
@seflless.bsky.social
Founder of Decode, a white-board that writes & explains code — https://decode.dev
PSA: If you make $200K+ individually (or $300K with spouse) for the past two years, you qualify as an accredited investor and can invest in pre-IPO startups. Not giving financial advice, just sharing.
Decode is Make Real but for your real codebase. If you missed @tldraw.com’s Make Real going crazy viral last year, watch this youtu.be/2jYmtFs3DA4?...
Drawing the Future with AI featuring tldraw’s Steve Ruiz | E1863
YouTube video by This Week in Startups
youtu.be
Are there any products doing multi-player chat with agents? Thinking about multiplayer Decode and curious what that might look like.
I'll be at the AI Engineer Summit 2025 in NYC today for the Feb 20th-22nd days. Hit me up if you are working on cool dev tools and/or AI laden creative tools and want to meet up.
Today was my last day at Descript. I really enjoyed my last 2 years and am super excited about the roadmap! I’m sad to be leaving but excited for what’s next, more to come on that!
Great thread for makers of VS Code extensions that interact with react-based code. Triplex is shaping up real nice. Must have been so much work!
Over December I’ll be posting 100 fun insights in this thread from working on @triplex.dev in my free time for two (!) years. It’s the longest and largest side project I’ve worked on. Keep an eye out, will be a fun one! #threadapalooza #threadapalooza2024
"Quiver: a modern commutative diagram editor" @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.
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
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)
In Decode you can edit code by drawing on it. It's like grading your own homework, which you are. getdecode.dev
To really understand progress in agentic coding, I highly recommend digging into the details of evals. SWE-bench for starters swebench.com SWE-bench Multimodal, looks very promising too. The tasks require visual understanding & are UI focused swebench.com/multimodal.h...
SWE-bench
SWE-bench: Evaluate Language Models on Open Source Software Tasks
swebench.com
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.
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.
Introducing Decode, a diagramming tool you can code in! Check out the video and join the waitlist here: getdecode.dev www.youtube.com/watch?v=NONi...
Introducing Decode
YouTube video by Francois Laberge
youtube.com
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.
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
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.