Vale construir sua versão de Skribbl?
Canvas infinito em que agentes de programação rodam como nós de terminal ativos que você conecta desenhando
O canvas é a metade fácil. React Flow mais xterm.js mais node-pty dão a você deslocamento, zoom e meia dúzia de terminais ativos de agentes em um fim de semana, e é uma forma muito boa de observar um grupo trabalhando. As lacunas estão todas na camada tediosa por baixo: saber quando um agente está realmente esperando por você em vez de apenas em silêncio, manter sessões ativas após uma reinicialização ou falha e contar tokens com precisão suficiente para confiar no número. Cada uma dessas coisas exige dias de trabalho por si só, e a versão de fim de semana parece pronta até o primeiro agente morrer silenciosamente em uma aba para a qual você não estava olhando.
EN → PTPesquisa traduzida automaticamente do inglês. Prompt original preservado em inglês.
Build me a canvas for running several coding agents at once, like Skribbl. Requirements:
- Electron plus React, with React Flow for the pan/zoom canvas and xterm.js plus
node-pty for the terminals. No web version, this is a desktop app.
- Each node is a real shell in its own process, spawned with node-pty in a working
directory I pick per node. Double click empty canvas to add one, and let me type in
it exactly like a normal terminal.
- Node position, size, title and cwd persist to a JSON file in the Electron userData
folder, restored on launch. The shells themselves do not survive, say so in the UI
rather than pretending they do.
- Spawn each shell inside `tmux new-session -A -s <nodeId>` so a crashed window can
reattach to the running agent instead of killing it. Budget real time for this, the
reattach and scrollback restore is the fiddly part of the whole build.
- Drag from one node to another to draw a link, and store the links with a direction.
Right click a link to delete it. Links are just recorded relationships for now, no
message passing between agents.
- A top bar counting tokens per node, parsed from each agent CLI's own usage output.
Keep input, output, cache write and cache read as four separate counters, never sum
them into one number, a cache read costs about a tenth of an input token.
- Out of scope: multiplayer, cloud sync, code signing, and any status indicator you
would have to infer by scraping terminal output. Guessing wrong there is worse than
showing nothing.
- README with the node-pty rebuild step for your Electron version, which is the one
thing that will break on a fresh machine.O prompt abre preenchido no seu agente. Revise antes de executar.
Como seria construir sua versão?
Inicie shells reais como nós arrastáveis em um canvas com deslocamento/zoom, execute um agente de programação em cada um e observe vários trabalhando lado a lado.
O que você vai precisar
- Node 20 e ferramentas de compilação nativa para node-pty
- Uma CLI de agente de programação já instalada e autenticada
- tmux, se você quiser que as sessões sobrevivam a uma reinicialização
Não pelo canvas. Pela camada que mantém doze processos filhos sob controle: status que vem do próprio agente em vez de saída extraída do terminal, sessões que voltam após uma reinicialização e um valor de gasto preciso o bastante para tomar uma atitude antes da chegada da conta.
xstatus do agente baseado em hooks, então um agente bloqueado parece igual a um ocioso
xsessões que sobrevivem a reinicializações e falhas
xum medidor preciso de tokens; leituras de cache têm um preço bem diferente do dos tokens de entrada
xuma versão para Mac assinada e notarizada, então o Gatekeeper bloqueia o que você distribui para outras pessoas
Quanto custa Skribbl?
- Plano mensal
- US$ 49/mêsUS$ 49/mês
- Por ano
- US$ 588/anoUS$ 588/ano
- No cartão, com IOF de 3,5%
- R$ 256/mêsR$ 3.073/ano
Salvo na Minha lista. Você recebe um aviso aqui no site quando o preço mudar.
Você conclui a compra no site de Skribbl. O Vibe Radar não intermedeia pagamentos.
| Plano | Mensal | Anual (por mês) | O que inclui |
|---|---|---|---|
| founding infinity | $29/usuário≈ US$ 29 | $8.25/usuário≈ US$ 8,25 | 3 agentes simultâneos; acesso ao plano de fundadores enquanto houver licenças disponíveis. |
Plano gratuitosem plano gratuito; apenas teste de 14 dias
Condições de cobrançamensal ou anual
Custos adicionaisO plano não inclui assinaturas do Claude Code, de API de modelos ou de outros provedores de agentes; o teste exige cartão a partir do dia 2 e cobra no dia 15 se não for cancelado.
verified 2026-08-14 · source ↗
Vale mais construir ou assinar Skribbl?
Ajuste os números: horas para construir, valor da sua hora, custos para manter no ar e o preço da assinatura.
Em 24 meses, assinar sai mais barato.
Horas iniciais estimadas a partir da análise (um fim de semana para o canvas, vários dias para as partes que o tornam confiável). Não inclui o valor do que você deixa de ter (suporte, integrações, segurança).
Dá para recriar Skribbl?
Em parte. O núcleo de Skribbl dá para construir em um fim de semana com o prompt desta página, mas há lacunas reais: status do agente baseado em hooks, então um agente bloqueado parece igual a um ocioso, sessões que sobrevivem a reinicializações e falhas. Leia a lista acima antes de começar.
Quanto custa Skribbl?
Skribbl custa cerca de US$ 49/mês (wayari, checado em 20/10/2026), ou seja, US$ 588 por ano.
O que eu perco ao substituir Skribbl?
Sinceramente: status do agente baseado em hooks, então um agente bloqueado parece igual a um ocioso; sessões que sobrevivem a reinicializações e falhas; um medidor preciso de tokens; leituras de cache têm um preço bem diferente do dos tokens de entrada; uma versão para Mac assinada e notarizada, então o Gatekeeper bloqueia o que você distribui para outras pessoas. Se algum desses pontos é essencial para você, continue pagando.
Existe uma alternativa aberta para Skribbl?
Sim: claude-squad (gerenciador de terminais de código aberto para vários agentes em tmux e worktrees do git), Crystal (app de desktop de código aberto que executa sessões paralelas de agentes em worktrees), vibe-kanban (quadro de código aberto para enfileirar e revisar tarefas de agentes de programação). Usar projetos prontos também é vibecoding; o prompt é para quando você quer do seu jeito.