Vale construir sua versão de Eraser?
Diagram-as-code, whiteboards e documentação para times de engenharia
O loop visível de diagramas técnicos dá para construir, mas um substituto crível precisa de mais do que a primeira tela. O Eraser se sustenta pelo acabamento da interação e pela colaboração, então espere um build de fim de semana ou de vários dias e um escopo pessoal mais enxuto.
EN → PTPesquisa traduzida automaticamente do inglês. Prompt original preservado em inglês.
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.O prompt abre preenchido no seu agente. Revise antes de executar. · este prompt foi gerado a partir do plano de construção · melhore com um PR
Como seria construir sua versão?
Construir um editor de diagramas técnicos no navegador, com arrastar, redimensionar, conectar, atalhos de teclado, salvamento automático e exportação em SVG ou PNG.
O que você vai precisar
- Node.js 22
- navegador moderno
- sem necessidade de conta
Eraser: as formas são fáceis; os clientes pagam por edição sem atrito, exportações confiáveis, colaboração e um canvas que nunca briga com eles.
ximportação e exportação de alta fidelidade
xapresentação e controles corporativos
xcursores multiplayer e comentários
xgrandes bibliotecas de templates
Prefere uma solução pronta?
Licença, instalação e limitações em cada alternativa.
Quanto custa Eraser?
- Plano mensal
- US$ 20/mêsUS$ 20/mês · por pessoa
- Por ano
- US$ 240/anoUS$ 240/ano
- Plano anual
- US$ 180/ano25% mais barato que pagar mês a mês
- No cartão, com IOF de 3,5%
- R$ 105/mêsR$ 941/ano
Salvo na Minha lista. Você recebe um aviso aqui no site quando o preço mudar.
Você conclui a compra no site de Eraser. O Vibe Radar não intermedeia pagamentos.
| Plano | Mensal | Anual (por mês) | O que inclui |
|---|---|---|---|
| free | $0/espaço de trabalho | $0/espaço de trabalho | 3 arquivos; 3 diagramas de IA/mês; histórico de versões de 7 dias; convidados ilimitados |
| starter | $20/usuário≈ US$ 20 | $15/usuário≈ US$ 15 | Arquivos ilimitados; 40 diagramas de IA/membro/mês; histórico de versões de 90 dias; 20 ícones personalizados; API cobrada por uso |
| business | $60/usuário≈ US$ 60 | $45/usuário≈ US$ 45 | Arquivos ilimitados; 250 diagramas de IA/membro/mês; histórico de versões ilimitado; 100 ícones personalizados; SSO; API cobrada por uso |
| enterprise | custom | - | Arquivos, diagramas de IA, histórico de versões e ícones personalizados ilimitados |
Plano gratuito3 arquivos; 3 diagramas de IA/mês; histórico de versões de 7 dias; convidados ilimitados
Condições de cobrançamensal + anual
Custos adicionaisConvidados são grátis, mas membros são licenças pagas. O uso da API é cobrado separadamente por consumo; a página pública de preços não publica a taxa unitária.
verified 2026-10-20 · source ↗
Vale mais construir ou assinar Eraser?
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 (vários dias). Não inclui o valor do que você deixa de ter (suporte, integrações, segurança).
Dá para recriar Eraser?
Em parte. O núcleo de Eraser dá para construir em um fim de semana com o prompt desta página, mas há lacunas reais: importação e exportação de alta fidelidade, apresentação e controles corporativos. Leia a lista acima antes de começar.
Quanto custa Eraser?
Eraser custa cerca de US$ 20/mês (Starter, checado em 20/10/2026), ou seja, US$ 180 por ano.
O que eu perco ao substituir Eraser?
Sinceramente: importação e exportação de alta fidelidade; apresentação e controles corporativos; cursores multiplayer e comentários; grandes bibliotecas de templates. Se algum desses pontos é essencial para você, continue pagando.
Existe uma alternativa aberta para Eraser?
Sim: HedgeDoc (Documentos Markdown colaborativos com diagramas Mermaid, revisões e apresentações reveal.js; sem whiteboard livre, mas o trabalho de documentação de engenharia é real.) O prompt é para quando você quer do seu jeito.