Pinned
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...
Francois Laberge
@seflless.bsky.social
Founder of Decode, a white-board that writes & explains code — https://decode.dev
307 followers341 following80 posts
Pinned
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...
A Decode demo (decode.dev) 1. Convert free form diagrams to mermaid diagrams 2. Use free form annotations to edit mermaid code
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?...
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.
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.
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
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...
If interested in the topic, I recommend listening to the @latentspacepod.bsky.social podcast with Erik Shultz from Anthropic as the guest. Erik was heavily involved (led?) in achieving the leap in the SWE-bench score. www.latent.space/p/claude-son...
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...
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 is what Claude 3.5 Sonnet's new version just achieved %49 on, which is SOTA. They even shared their prompts and tools, so there's plenty to learn from. See: www.anthropic.com/research/swe...
Demo of generating multiple files in Decode from a diagram and/or spatial instructions. getdecode.dev
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.
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
You are up to date.