[verdetto][prompt generato][fonte: eraser.io]
Posso vibecodare Eraser?
// si costruisce in un weekend, ma restano buchi veri
Il loop visibile dei diagrammi tecnici si costruisce, ma per un rimpiazzo credibile non basta la prima schermata. Eraser si guadagna il canone con la cura dell'interazione e la collaborazione: metti in conto una build da un weekend o da più giorni e un perimetro personale più stretto.
confidenza: media
cos’è: Diagram-as-code, whiteboard e documentazione per team di ingegneria
Indice di costruibilità · gioco editoriale
- Prezzo prezzo variabile peso: zero
- Tempo più giorni peso: più 1
- Categoria diagrammi non pesa
- Moat qualità di esecuzione · collaborazione peso: meno 2
- Confidenza media peso: zero
- Cosa perdi 4 voci peso: meno 2
- Sito eraser.io (si apre in una nuova scheda) non pesa
Il moat pesa più del prezzo: rifarlo è un progetto, non una sera.
Gioco editoriale: il verdetto dice se un agente può, l’indice se conviene.
Cosa costruisci
Costruire nel browser un editor di diagrammi tecnici con trascinamento, ridimensionamento, collegamenti, scorciatoie da tastiera, salvataggio automatico ed export in SVG o PNG.
cosa ti serve
- Node.js 22
- un browser moderno
- nessun account richiesto
Caso di confine utile: il primo 60% di Eraser è alla portata, ma far girare l'ultimo 40% è il vero abbonamento.
Il prompt
Un weekend con un agente di coding. I buchi che restano sono qui sotto, in «cosa perdi».
Build a deliberately narrow personal substitute for Eraser, not a full clone.
Use exactly this stack: React + TypeScript + Vite + IndexedDB.
Primary job: Build a browser-based technical diagrams editor with drag, resize, connect, keyboard shortcuts, autosave, and SVG or PNG export.
Start from an empty folder and create the complete working project.
Make the default mode single-user and private.
Store user data locally unless the core job requires the declared self-hosted database.
Do not add analytics, telemetry, ads, or third-party accounts.
Put every secret and external credential in .env and provide .env.example.
Use realistic sample data that is clearly labelled and easy to delete.
Implement the smallest polished interface that completes the core loop end to end.
Include clear empty, loading, validation, success, and failure states.
Add import and export so the user is not trapped in the app.
Use accessible keyboard navigation, labels, focus states, and sensible contrast.
Validate untrusted input and never log secrets or private file contents.
Deliberately exclude these paid-product advantages: high-fidelity import and export; presentation and enterprise controls; multiplayer cursors and comments.
Do not fake integrations, network effects, proprietary data, model quality, compliance, or security claims.
Where an external API is optional, keep the app useful without it and explain the degraded mode.
Write focused unit tests for the data model and the most important workflow.
Add one end-to-end smoke test that proves the core loop works.
Create a README with setup, permissions, architecture, data location, backup, and limitations.
Add scripts for install, development, test, build, and a production-style local run.
Run the tests and build before finishing, then fix errors rather than merely describing them. Prompt generato dai dati della scheda, non ancora rivisto a mano. In inglese di proposito — è la lingua in cui gli agenti di coding rendono meglio.
Cosa perdi
- import ed export ad alta fedeltà
- i controlli per presentazioni ed enterprise
- i cursori multiplayer e i commenti
- le grandi librerie di template
Perché pagano ancora
Di Eraser le forme sono la parte facile; il cliente paga un editing senza attriti, export affidabili, la collaborazione e un canvas che non ti combatte mai.
moat: Qualità di esecuzione Collaborazione cos’è un moat
cura dell'interazione/collaborazione
Alternative gratuite
Non hai voglia di costruirtelo? Queste esistono già, sono gratis o open source, e le abbiamo controllate una per una.
Scartate (1) — e perché
- Mermaid (si apre in una nuova scheda) — Lo consigliano tutti, ma Mermaid in sé è una libreria di rendering e uno strumento a riga di comando, non un prodotto finito di documentazione collaborativa.
Chi l’ha già costruito
Partire da qui è vibecoding lo stesso: il prompt serve quando lo vuoi esattamente a modo tuo.
- Mermaid (si apre in una nuova scheda) — Text-to-diagram renderer with broad diagram syntax.
Sei d’accordo?
La bilancia dei voti
Ancora nessun voto: il tuo è il primo.
Nessun voto ancora — il primo pesa.