Finally, i'm working on incorporating a review mode next into the UI to make it easy to handle everything from this UI rather than needing to click a million buttons in GitHub. I'm starting this off by using a friend's tool called whiteboard (devdotfast/whiteboard).
审 agent 大 PR，最累的是先搞清它动了哪块架构。
Whiteboard 是人跟 agent 的画布：agent 画出它干了什么，点图直达代码，语义 diff 只留相关改动。
它补“看懂”一环，适合常审 agent 大改动的人。
你审 PR 先看架构图还是 diff？
#AI编程 #Agent @grok
devdotfast/whiteboard
5 likes · 206 views
could have stopped the wrong program. The fix uses SIGTERM and checks it's the right process first.
whiteboard#1223
3/ Bug 2: it couldn't find Claude Code on Windows. It looked for claude, but Windows has claude.exe or claude.cmd. The fix searches for both and runs .cmd
1 like · 12 views
I like this idea. I’ve also been really into the idea of a Brett Victor’s “Media for thinking the unthinkable” [1]
you could imagine an agent using these techniques to "whiteboard" out its work onto a surface to show you visually.
humans have such powerful parallel visual processing circuitry! might fit better in your context window.
Bit of a shameless plug too - I felt strongly enough abt this to build an oss project around this too called “Whiteboard” [2]
[1] worrydream.com
[2] devdotfast/whiteboard
we've been working on an open-source ide that is just meant for code review. devdotfast/whiteboard
your coding agents can draw interactive architecture diagrams with it that reference the underlying code so you can get familiar with a diff from a high level and drill down if you need to. we've found it super useful to quickly get a sense of your own changes before sending to colleagues or shipping.
Top 5 open source para diagramas e animações | Vol. 9 #shorts
Os projetos #5 a #1 do Top 10 open source do GitHub para diagramas e animações técnicas, Vol. 9, 10 segundos para cada um.
#5 Remocn Studio: Remocn/remocn-studio
#4 Mortiflix: GTKottman/mortiflix-oss
#3 AutoFigure-Edit: ResearAI/AutoFigure-Edit
#2 anidoodle: alexgreensh/anidoodle
#1 Whiteboard: devdotfast/whiteboard
Vídeo completo com os 10 no canal.
Oferecimento: Hallen Tech, hallentech.com
#shorts #opensource #github
11 likes · 318 views
10 projetos open source do GitHub para diagramas e animações técnicas | Vol. 9
10 projetos open source do GitHub para desenhar diagramas e criar animações técnicas, em contagem regressiva e com 10 segundos para cada um. Metade é de diagramas (do texto direto para Excalidraw, Mermaid, SVG e diagramas animados) e metade é de animação e vídeo feitos com agentes de código.
📺 Nono volume da série Open source do GitHub, o primeiro temático. Último commit conferido em 15/10/2026. Segue o canal e ativa as notificações para não perder a próxima.
Qual desses você vai usar no seu próximo diagrama? Conta nos comentários!
⏱️ CAPÍTULOS E LINKS
0:00 Abertura
0:10 #10 Obsidian Visual Skills: o Claude Code desenha Canvas, Excalidraw e Mermaid no seu Obsidian
axtonliu/axton-obsidian-visual-skills
0:20 #9 motionmaxxing: skill que deixa vídeos de IA com cara de motion designer
Tejashmakwana/motionmaxxing
0:30 #8 reladraw: linguagem de texto para diagramas em que você diz onde cada item fica
reladraw/reladraw
0:40 #7 SeeCode: diagramas animados e clicáveis, exportados em SVG, PNG, GIF ou MP4
Aryanutkarsh/SeeCode
0:50 #6 Text to Lottie: animações Lottie a partir de texto (5,5 mil estrelas)
diffusionstudio/lottie
1:00 #5 Remocn Studio: o seu agente de código faz o vídeo como um projeto Remotion seu
Remocn/remocn-studio
1:10 #4 Mortiflix: estúdio de motion design local; o Claude faz o vídeo por etapas e você aprova (usa o seu login do Claude Code ou uma chave paga da Anthropic)
GTKottman/mortiflix-oss
1:20 #3 AutoFigure-Edit: o método de um artigo vira figura em SVG editável (4,3 mil estrelas)
ResearAI/AutoFigure-Edit
1:30 #2 anidoodle: arte desenhada à mão, escrita como código, em 32 estilos
alexgreensh/anidoodle
1:40 Oferecimento Hallen Tech
1:54 #1 Whiteboard: canvas em que você e o seu agente desenham a arquitetura do software (3,2 mil estrelas)
devdotfast/whiteboard
2:04 Encerramento
🧡 Oferecimento: Hallen Tech, liderança de tecnologia sob demanda, software, cloud e segurança para a sua empresa.
Site: hallentech.com
E-mail: contato@hallentech.com
Instagram: instagram.com
LinkedIn da Hallen Tech: linkedin.com
LinkedIn do Eddwan: linkedin.com
Se curtiu, deixa o like, segue o canal e ativa as notificações para a próxima lista.
#opensource #github #diagramas #animacao
92 likes · 6 comments · 3,350 views
ooh and it's all open-source: github.com/devdotfast/whiteboard/tree/main/diffr
4 likes · 187 views
diffr is available as a TUI, a client-side-only website (diffr.fast), and as a Claude Code mod.
source code is here: github.com/devdotfast/whiteboard/tree/main/diffr
it's MIT licensed, feel free to poke around and contribute.
Thanks for reading, and we hope you try it out! We would love to hear any feedback and to learn from your expertise.
Whiteboard: an open-source canvas for thoughtful software design. devdotfast/whiteboard
1 like · 211 views
Mentions
Finally, i'm working on incorporating a review mode next into the UI to make it easy to handle everything from this UI rather than needing to click a million buttons in GitHub. I'm starting this off by using a friend's tool called whiteboard (devdotfast/whiteboard).
审 agent 大 PR，最累的是先搞清它动了哪块架构。 Whiteboard 是人跟 agent 的画布：agent 画出它干了什么，点图直达代码，语义 diff 只留相关改动。 它补“看懂”一环，适合常审 agent 大改动的人。 你审 PR 先看架构图还是 diff？ #AI编程 #Agent @grok devdotfast/whiteboard
could have stopped the wrong program. The fix uses SIGTERM and checks it's the right process first. whiteboard#1223 3/ Bug 2: it couldn't find Claude Code on Windows. It looked for claude, but Windows has claude.exe or claude.cmd. The fix searches for both and runs .cmd
I like this idea. I’ve also been really into the idea of a Brett Victor’s “Media for thinking the unthinkable” [1] you could imagine an agent using these techniques to "whiteboard" out its work onto a surface to show you visually. humans have such powerful parallel visual processing circuitry! might fit better in your context window. Bit of a shameless plug too - I felt strongly enough abt this to build an oss project around this too called “Whiteboard” [2] [1] worrydream.com [2] devdotfast/whiteboard
we've been working on an open-source ide that is just meant for code review. devdotfast/whiteboard your coding agents can draw interactive architecture diagrams with it that reference the underlying code so you can get familiar with a diff from a high level and drill down if you need to. we've found it super useful to quickly get a sense of your own changes before sending to colleagues or shipping.
Top 5 open source para diagramas e animações | Vol. 9 #shorts Os projetos #5 a #1 do Top 10 open source do GitHub para diagramas e animações técnicas, Vol. 9, 10 segundos para cada um. #5 Remocn Studio: Remocn/remocn-studio #4 Mortiflix: GTKottman/mortiflix-oss #3 AutoFigure-Edit: ResearAI/AutoFigure-Edit #2 anidoodle: alexgreensh/anidoodle #1 Whiteboard: devdotfast/whiteboard Vídeo completo com os 10 no canal. Oferecimento: Hallen Tech, hallentech.com #shorts #opensource #github
10 projetos open source do GitHub para diagramas e animações técnicas | Vol. 9 10 projetos open source do GitHub para desenhar diagramas e criar animações técnicas, em contagem regressiva e com 10 segundos para cada um. Metade é de diagramas (do texto direto para Excalidraw, Mermaid, SVG e diagramas animados) e metade é de animação e vídeo feitos com agentes de código. 📺 Nono volume da série Open source do GitHub, o primeiro temático. Último commit conferido em 15/10/2026. Segue o canal e ativa as notificações para não perder a próxima. Qual desses você vai usar no seu próximo diagrama? Conta nos comentários! ⏱️ CAPÍTULOS E LINKS 0:00 Abertura 0:10 #10 Obsidian Visual Skills: o Claude Code desenha Canvas, Excalidraw e Mermaid no seu Obsidian axtonliu/axton-obsidian-visual-skills 0:20 #9 motionmaxxing: skill que deixa vídeos de IA com cara de motion designer Tejashmakwana/motionmaxxing 0:30 #8 reladraw: linguagem de texto para diagramas em que você diz onde cada item fica reladraw/reladraw 0:40 #7 SeeCode: diagramas animados e clicáveis, exportados em SVG, PNG, GIF ou MP4 Aryanutkarsh/SeeCode 0:50 #6 Text to Lottie: animações Lottie a partir de texto (5,5 mil estrelas) diffusionstudio/lottie 1:00 #5 Remocn Studio: o seu agente de código faz o vídeo como um projeto Remotion seu Remocn/remocn-studio 1:10 #4 Mortiflix: estúdio de motion design local; o Claude faz o vídeo por etapas e você aprova (usa o seu login do Claude Code ou uma chave paga da Anthropic) GTKottman/mortiflix-oss 1:20 #3 AutoFigure-Edit: o método de um artigo vira figura em SVG editável (4,3 mil estrelas) ResearAI/AutoFigure-Edit 1:30 #2 anidoodle: arte desenhada à mão, escrita como código, em 32 estilos alexgreensh/anidoodle 1:40 Oferecimento Hallen Tech 1:54 #1 Whiteboard: canvas em que você e o seu agente desenham a arquitetura do software (3,2 mil estrelas) devdotfast/whiteboard 2:04 Encerramento 🧡 Oferecimento: Hallen Tech, liderança de tecnologia sob demanda, software, cloud e segurança para a sua empresa. Site: hallentech.com E-mail: contato@hallentech.com Instagram: instagram.com LinkedIn da Hallen Tech: linkedin.com LinkedIn do Eddwan: linkedin.com Se curtiu, deixa o like, segue o canal e ativa as notificações para a próxima lista. #opensource #github #diagramas #animacao
ooh and it's all open-source: github.com/devdotfast/whiteboard/tree/main/diffr
diffr is available as a TUI, a client-side-only website (diffr.fast), and as a Claude Code mod. source code is here: github.com/devdotfast/whiteboard/tree/main/diffr it's MIT licensed, feel free to poke around and contribute. Thanks for reading, and we hope you try it out! We would love to hear any feedback and to learn from your expertise.
Whiteboard: an open-source canvas for thoughtful software design. devdotfast/whiteboard