EngiBoard.
Um SaaS desktop para engenheiros. Entregue em 4 semanas. Capturar, anotar, acompanhar — um só binário.
Zero contratações. Público no GitHub.
- O quê
- Um tracker desktop nativo para relatórios fotográficos de antes/depois de engenheiros, no Mac e no Windows.
- Por quê
- Os relatórios de obra passavam por quatro apps improvisados (galeria do celular → Telegram → Word), e cada repasse perdia contexto.
- Meu papel
- Produto, UX/UI e engenharia, solo com IA: Tauri 2, Next.js, Supabase.
- Resultado
- 44 releases com tag · 4 instaladores · 0 contratações
Um tracker nativo para engenheiros que fazem relatórios fotográficos de antes/depois em canteiros de obra e chão de fábrica.
Ler a história completa
Tauri 2 + Next.js + Supabase. Instaladores para macOS e Windows. 44 releases com tag. 98 commits. Zero contratações. Público no GitHub.
Um tracker desktop nativo para engenheiros que fazem relatórios fotográficos de antes/depois em canteiros de obra e chão de fábrica. Construído primeiro para o próprio fundador — depois para dois clientes reais, só Windows, em QA de produção.
18 telas. Um só binário.
Login → projetos → captura → anotação → acompanhamento → revisão → exportação. Sem páginas de configuração, sem “avançado”.
Todas as 18 telas
Cada tela foi desenhada para uma única coisa que o engenheiro está fazendo agora. Sem configuração, sem páginas de setup, sem “avançado”.
- 01 · Login
- 02 · Quadro principal
- 03 · Seletor de projeto
- 04 · Dashboard
- 05 · Slideshow + pins
- 06 · Editor de anotações
- 07 · Comparação por deslize
- 08 · Modo escuro
- 09 · Dashboard escuro
- 10 · Seletor escuro
- 11 · Login escuro
- 12 · Modal fora de escopo
- 13 · Estado vazio
- 14 · Perfil
- 15 · Overlay sniper
- 16 · Modo colar
- 17 · Menu de status
- 18 · Seleção em massa
Galeria → Telegram → Word. Pronto.
Cada visita à obra vazava contexto: fotos perdidas em chats, anotações longe da lista de tarefas.
Capturar, marcar, anexar.
Velocidade de captura nativa, tarefas no estilo Linear.
Quatro apps improvisados.
Cada repasse perde contexto.
Um só binário.
Fixe um comentário em um pixel — não em um timestamp.
Ler a história completa
A cadeia de ferramentas que existia em cada visita à obra perdia informação e era lenta. As fotos sumiam em chats, as anotações ficavam em um app diferente da lista de tarefas, e os relatórios perdiam o contexto no instante em que eram encaminhados.
- 01 · Tarefa — desktop de propósito único. Capturar, marcar, anexar. Velocidade de captura nativa, estrutura de tarefas no estilo Linear, discussões ancoradas na imagem. Os engenheiros ficam em um único app — em vez de colar quatro.
- 02 · Problema — quatro apps unidos com screenshots e fé. Galeria → Telegram → planilha → Word → PDF. Cada repasse perde contexto. As ferramentas de anotação ficam em outro lugar, longe da lista de tarefas.
- 03 · Solução — um só binário. Capturar, anotar, acompanhar. O overlay nativo do Tauri captura qualquer região. Editor com seis ferramentas. Tarefas agrupadas por projeto, oito status com código de cores. Fixe um comentário em um pixel — não em um timestamp.
“A primeira ferramenta que faz o ciclo real que eu faço em campo, em vez de três meias-ferramentas que eu preciso colar.”
Região. Anotar. Anexar.
Cmd+Shift+G de qualquer lugar abre um overlay transparente. Arraste, anote, salve no slot de antes/depois.
Captura
Captura de região nativa no macOS / Windows.
Anotar
Seis ferramentas, sempre no topo.
Anexar
De volta à tarefa, antes ou depois.
Ler a história completa
Cmd+Shift+G de qualquer lugar abre um overlay transparente em tela cheia. Arraste um retângulo. Captura nativa no macOS / Windows. O editor abre com o PNG pronto e seis ferramentas ativas — seta, retângulo, caneta, texto, desfoque, destaque. Ao salvar, a imagem anotada volta para o slot de antes/depois escolhido.
Onde o trabalho acontece.
Tarefas agrupadas por projeto, digitadas inline — sem modal, sem duplo clique, sem desvio.
- 01Entrada de tarefa inlinePor grupo, sem desvio.
- 02Várias capturasVárias imagens por tarefa.
- 03Renomear, reordenarSem sair do quadro.
Ler a história completa
A barra lateral agrupa as tarefas por projeto. Entrada de tarefa inline em cada grupo — sem modal, sem duplo clique, sem desvio. Oito status com código de cores. Várias capturas por tarefa. Renomeie e reordene sem sair do quadro.
Fixe em um pixel, não em um timestamp.
As revisões vivem na imagem. Clique em um pixel, solte um pin, escreva — em thread, com vários revisores.
Os pins pulsam em laranja enquanto não lidosDepois ficam azuis, com um número.
Arraste a linhaVeja a diferença — sem alternar.
Ler a história completa
As revisões vivem na imagem, não em uma thread separada. Abra uma captura no lightbox — clique em qualquer pixel — solte um pin laranja — escreva um comentário. Vários revisores, em thread. Slider de comparação para antes/depois, arraste para revelar.
Lightbox · pins — clique em um pixel, escreva um comentário. Os pins pulsam em laranja enquanto não lidos e ficam azuis com um número depois de vistos. A coluna da direita lista cada comentário com autor, hora e exclusão. Vários revisores, totalmente em thread.
Comparação por deslize — arraste a linha, veja a diferença. Duas capturas sobrepostas, uma única alça de arrastar. Sem flicker, sem toggle, sem “trocar de aba” — pura memória muscular. Funciona em qualquer tarefa com antes e depois anexados.
Oito status. Duas visões.
Cada cor sobreviveu a dez rejeições — nenhuma é decoração.
Ler a história completa
Concluído, Problema, Em andamento, Revisão, Info necessária, Próximas, Não relevante, Info — oito status, e cada um conquistou sua cor. O dashboard consolida os totais entre projetos; o menu de status permite alterar uma ou várias tarefas com um clique.
Dashboard — panorama, não chamada. Contagem por projeto, distribuição de status, principais bloqueios. Uma tela responde: onde a equipe está travada? Sem drill-down antes de você ver o campo inteiro.
Menu de status — um clique para mover qualquer coisa. Clique com o botão direito em qualquer tarefa e mude o status. Selecione várias linhas e altere todas de uma vez. Oito cores que sobreviveram a dez rejeições — cada uma tem um significado, nenhuma é decoração.
A mesma UX, em qualquer plataforma.
Ler a história completa
Mac série M, Mac Intel, Windows EXE, Windows MSI. Frontend HTML/CSS/JS compartilhado, shell nativo Tauri 2. O modo escuro alterna por tela, não por app. As reclamações dos testers voltam para a tag da próxima release.
Tema claro — sob o sol na obra. Superfície padrão. Maior contraste nas fotos, mais confortável sob a luz do mundo real. A prévia de impressão corresponde ao que você vê.
Tema escuro — escritório, noite, overlay do OBS. Pensado para triagem de madrugada e walkthroughs gravados em tela. Mesmo conteúdo, canvas mais profundo, e as cores de status mantêm o significado nos dois temas.
Geist para o produto. Mono para o sistema. Azul-céu, âmbar, preto profundo.
Geist 400–700 para a UI; Geist Mono para timestamps, versões e atalhos.
O âmbar vive em um único status — “em andamento” — porque o conquistou.
Tipografia e paleta em detalhe
Tipografia. Geist Sans em todo o app — uma sans moderna e limpa, ajustada para superfícies de produto de alta densidade. Geist Mono nas partes em que o sistema responde: timestamps, tamanhos de arquivo, tags de versão, dicas de atalho.
- Geist · 400 / 500 / 600 / 700 — UI principal. Tracking apertado, esqueleto neutro. Da legenda (10px) ao display (96px).
- Geist Mono · 400 / 500 — timestamps, tags de versão, caminhos de arquivo, dicas de linha de comando. Em qualquer lugar em que o sistema é preciso.
- Instrument Serif · itálico — acento editorial, só no case: frases de destaque, citações, momentos lentos. Não está no app.
Paleta. O azul-céu carrega a marca e os estados ativos. O âmbar vive em um único status — “em andamento” — porque o conquistou. O preto profundo ancora o canvas; todo o resto é branco sobre ruído, do sistema.
- Engineer Sky #0EA5E9 — marca, estados ativos, ações primárias, links.
- Sky Light #7DD3FC — hover, brilho de foco, leve realce nos gradientes do hero.
- In-Progress Amber #FFC940 — uma pill de status conquistada. Usado com parcimônia — nunca como decoração.
- Studio Black #0A0A0C — canvas. Luzes apagadas. Todo screenshot começa aqui.
Sete dias, trinta e oito tags.
Cada tag gera binários reais no CI. Um tester reclama de manhã, recebe a correção depois do almoço.
Dia a dia
Cadência de hora em hora: cada tag dispara um pipeline de CI que gera binários reais para entrega — Mac série M, Mac Intel, Windows EXE, Windows MSI. Um tester reclama de manhã, recebe a correção depois do almoço.
- Dia 1 · 28 abr — scaffold do Tauri. Esqueleto, pipeline do GitHub Actions. O screencapture nativo muda de direção antes do meio-dia. v0.1.1 → v0.1.9.
- Dia 2 · 29 abr — overlay sniper. Tela cheia transparente própria, captura por arrastar região. Qualidade nativa, controle nosso. v0.1.10.
- Dia 3 · 30 abr — editor de anotações. Seis ferramentas — seta, retângulo, caneta, texto, desfoque, destaque. Sempre no topo, sem roubar o foco. v0.1.11 → v0.1.12.
- Dias 4–5 · 1–2 mai — dogfood do fundador. Dois dias de visitas reais à obra. Reclamações específicas registradas, nada vago. Teste de campo.
- Dia 6 · 3 mai — dia de sprint. Doze versões em 24h. Tarefas inline, várias capturas, exportação em PDF, modo escuro, RU/EN, pins no lightbox. v0.1.13 → v0.1.24.
- Dia 7 · 4 mai — sprint final. Quatorze versões. Seletor de projeto, chat inline, comparação por deslize, retry de OAuth, clientes Windows no ar. v0.1.25 → v0.1.44.
- Público — no ar. Mac DMG · Mac Intel · Win EXE · Win MSI. Tudo público nos GitHub Releases. 44 releases.
Como foi feito.
Do repositório vazio à v0.1.44 em produção. Fundador solo + colegas de IA.
- TTauri 2 / RustShell nativo, deep-link, plugins
- NNext.js · ReactEspelho web, landing de OAuth
- SSupabaseAuth, Google OAuth, banco de dados
- ★Claude CodePrincipal construtor de IA
- GGitHub Actions · RailwayCI para 4 plataformas, deploy web automático
Cronograma e stack completa
Seis dias e sete horas do repositório vazio à v0.1.44 em produção. Fundador solo + colegas de IA. Toda release pública no GitHub.
- Dia 1 — scaffold do Tauri + CI · 28 abr
- Dia 2 — overlay sniper · 29 abr
- Dia 3 — editor de anotações · 30 abr
- Dias 4–5 — dogfood do fundador · 1–2 mai
- Dia 6 — sprint (12 versões) · 3 mai
- Dia 7 — sprint final (14 versões) · 4 mai
- Tauri 2 / Rust — shell nativo, deep-link, plugins
- Next.js · React — espelho web, landing de OAuth
- Supabase — auth, Google OAuth, banco de dados
- Claude Code — principal construtor de IA
- GitHub Actions — CI para 4 plataformas, a cada tag
- Railway — deploy web automático a cada push
- Figma — só esboços de arquitetura
- Geist · Mono — sistema tipográfico
Do repositório vazio à v0.1.44 — em 4 semanas.
Um dos sete projetos entregues pela Stepikin Studio em 2025–26 — construído para testar a tese do estúdio no limite. A tese se sustentou.
