Sari la conținutul principal

[verdict][prompt curatoriat][sursă: skribbl.dev][traducere: la coadă]

Pot să vibecodez Skribbl?

// se construiește într-un weekend, dar rămân goluri reale

The canvas is the easy half. React Flow plus xterm.js plus node-pty gets you panning, zooming and half a dozen live agent terminals in a weekend, and it is a genuinely nice way to watch a fleet work. The gaps are all in the boring layer underneath: knowing when an agent is actually blocked on you rather than just quiet, keeping sessions alive across a restart or a crash, and counting tokens accurately enough that the number can be trusted. Each of those is days of work on its own, and the weekend build reads as finished until the first agent silently dies behind a tab you were not looking at.

încredere: medie

ce e: Infinite canvas where coding agents run as live terminal nodes you wire together by drawing

Indice de constructibilitate · joc editorial

  • Preț 8,25 $/lună greutate: plus 1
  • Timp un weekend pentru canvas, câteva zile pentru părțile care îl fac de încredere greutate: plus 2
  • Categorie unelte pentru dezvoltatori nu cântărește
  • Moat calitatea execuției · integrări greutate: minus 2
  • Încredere medie greutate: zero
  • Ce pierzi 4 elemente greutate: minus 2
  • Site skribbl.dev (si apre in una nuova scheda) nu cântărește
Indice: minus 1. la egalitate

Se anulează. E cazul în care decide cât de tare te enervează abonamentul.

Gioco editoriale: il verdetto dice se un agente può, l’indice se conviene.

Ce construiești

Spawn real shells as draggable nodes on a pan/zoom canvas, run a coding agent in each one, and watch several of them work side by side.

ce îți trebuie

  • Node 20 and native build tools for node-pty
  • A coding agent CLI already installed and authenticated
  • tmux, if you want sessions to survive a restart

An honest kinda · the canvas is a weekend, the process supervision under it is not.

Promptul

Un weekend cu un agent de coding. Golurile care rămân sunt mai jos, la „ce pierzi”.

Prompt one-shot EN
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.

Prompt curatoriat: scris și revizuit manual pentru această aplicație. În engleză intenționat — e limba în care agenții de coding se descurcă cel mai bine.

Ce pierzi

  • hook-driven agent status, so a blocked agent looks the same as an idle one
  • session survival across restarts and crashes
  • an accurate token meter, cache reads price nothing like input tokens
  • a signed and notarized Mac build, so Gatekeeper blocks what you ship to anyone else

De ce se plătește în continuare

Not for the canvas. For the layer that keeps twelve child processes honest: status that comes from the agent itself instead of scraped output, sessions that come back after a reboot, and a spend number accurate enough to act on before the bill arrives.

moat: Calitatea execuției Integrări ce e un moat

process supervision, session durability, per-agent metering

Cine l-a construit deja

Să pornești de aici e tot vibecoding: promptul e pentru când o vrei exact în felul tău.

Ești de acord?

Balanța voturilor

Ancora nessun voto: il tuo è il primo.

Nessun voto ancora — il primo pesa.

Aplicații similare

De la brief confuz la UX/UI complet Un brief confuz devine o aplicație funcțională. Spot de produs dintr-o singură poză O poză devine un spot animat, fără cod. Fă Claude să vizioneze videoclipurile tale Claude îți vede videoclipurile și le transformă în text. Higgsfield în Claude Code Generează imagini și video în timp ce programezi în Claude Code. De la o înregistrare Loom la o pagină web O înregistrare de ecran devine o pagină web, fără cod. Video Shorts cu NotebookLM Sursele tale devin un short vertical. Landing page de lux pe Lovable O landing page de lux dintr-un singur prompt. Excalidraw local, pe computerul tău Excalidraw gratis pe computerul tău, fără cod. Mistral OCR în fluxul tău de lucru Extrage text din documente cu Mistral OCR. Claude SEO în terminal 25 de skill-uri SEO gratuite în Claude Code. Google Search Console în Claude Code Datele Search Console direct în terminal. Rutine în Claude Code Claude lucrează singur, cu computerul oprit. Clonează o landing page în React cu v0 Clonează o landing page reală în cod React. Context economy cu Claude Lucrează ușor și nu-ți epuiza limitele lui Claude. De la prompt la skill auto-evolutiv Skill-uri Claude care învață din greșelile tale. De la NotebookLM la Canva: prezentări Slide-uri din NotebookLM, în sfârșit editabile în Canva. Harta pentru a înțelege orice tool AI 12 categorii pentru a încadra orice tool AI. PNG transparente cu ChatGPT PNG cu transparență reală, nu tabla de șah falsă. Infografice animate cu Gemini Infografice care se animă în buclă cu Gemini. Cercetare de piață cu Deep Research Deep Research ca analistul tău de piață. Cum să fii citat de motoarele AI (AEO) Devino o sursă pe care ChatGPT și Perplexity o citează.