EngiBoard.
面向工程师的桌面 SaaS。 4 周交付。 截图、标注、跟踪——一个二进制文件。
零招聘，GitHub 公开。
- 做了什么
- 一款原生桌面跟踪器，供工程师整理前后对比的照片报告，支持 Mac 和 Windows。
- 为什么
- 现场报告要经过四个拼凑的应用（相册 → Telegram → Word），每一次交接都会丢失上下文。
- 我的角色
- 产品、UX/UI 与工程，一个人加 AI 完成：Tauri 2、Next.js、Supabase。
- 成果
- 44 个已打标签的版本 · 4 个安装包 · 0 位新员工
一款原生跟踪器，为需要整理 前后对比照片报告 的施工现场与生产车间工程师而做。
阅读完整故事
Tauri 2 + Next.js + Supabase。提供 macOS 与 Windows 安装包。 44 个版本打标签发布。98 次提交。零招聘。 GitHub 公开。
一款原生桌面跟踪器，供在施工现场和生产车间整理前后对比照片报告的工程师使用。最初是为创始人自己而做，后来用于两家真实的、仅使用 Windows 的客户的生产质检。
18 个界面。 一个二进制文件。
登录 → 项目 → 截图 → 标注 → 跟踪 → 评审 → 导出。没有设置页，没有“高级选项”。
全部 18 个界面
每个界面只服务于工程师此刻正在做的一件事。没有配置，没有设置页，没有“高级选项”。
- 01 · 登录
- 02 · 主看板
- 03 · 项目选择器
- 04 · 仪表盘
- 05 · 幻灯片 + 标记点
- 06 · 标注编辑器
- 07 · 对比滑动
- 08 · 深色模式
- 09 · 深色仪表盘
- 10 · 深色选择器
- 11 · 深色登录
- 12 · 范围外弹窗
- 13 · 空状态
- 14 · 个人资料
- 15 · 狙击式覆盖层
- 16 · 粘贴模式
- 17 · 状态菜单
- 18 · 批量选择
相册 → Telegram → Word。 搞定。
每次现场巡检都会丢失上下文：照片淹没在聊天里，标注离任务列表很远。
截图、标记、附加。
原生截图的速度，Linear 式的任务。
四个应用拼凑在一起。
每次交接都会丢失上下文。
一个二进制文件。
把评论钉在像素上，而不是时间戳上。
阅读完整故事
每次现场巡检使用的现有工具链既丢信息又慢。照片消失在聊天里，标注所在的应用与任务列表不是同一个，报告一经转发就丢了上下文。
- 01 · 任务——专注一件事的桌面应用。截图、标记、附加。 原生截图的速度，Linear 式的任务结构，锚定在图像上的讨论。工程师只用一个应用，不必在四个之间拼凑。
- 02 · 问题——四个应用靠截图和祈祷拼在一起。 相册 → Telegram → 表格 → Word → PDF。每次交接都会丢失上下文。标注工具与任务列表不在同一处。
- 03 · 解决方案——一个二进制文件。截图、标注、跟踪。 基于 Tauri 的原生覆盖层可截取任意区域。编辑器自带六种工具。任务按项目分组，八种色彩编码的状态。把评论钉在像素上，而不是时间戳上。
“第一个真正贴合我在现场工作流程的工具，而不是三个残缺的小工具还得我自己拼起来。”
框选。标注。 附加。
Cmd+Shift+G 在任何地方按下，即可唤出透明覆盖层。拖拽、标注，保存到前/后对比的位置。
截图
原生 macOS / Windows 区域截图。
标注
六种工具，始终置顶。
附加
回到任务，放入前或后。
阅读完整故事
Cmd+Shift+G 在任何地方按下，即可唤出透明的全屏覆盖层。拖出一个矩形。原生 macOS / Windows 截图。编辑器打开时 PNG 已就绪，六种工具随时可用——箭头、矩形、画笔、文字、模糊、高亮。保存后，标注好的图像会回到你选定的前/后位置。
工作都在 这里。
任务按项目分组，行内直接输入——无需弹窗，无需双击，无需绕路。
- 01内联任务输入每组都有，无需绕路。
- 02多张截图每个任务可挂多张图。
- 03重命名、重排不必离开看板。
阅读完整故事
侧边栏按项目对任务分组。每个分组都有内联任务输入——无需弹窗，无需双击，无需绕路。八种状态，色彩编码。每个任务支持多张截图。重命名和重排都不必离开看板。
钉在像素上， 而非时间戳。
评审就发生在图像上。点击一个像素，放下标记点，写下评论——支持多人参与的讨论串。
未读时标记点呈橙色脉动读过后变为带编号的蓝色。
拖动分隔线直接看出差异——无需切换。
阅读完整故事
评审发生在图像上，而不是另开的讨论串里。在灯箱中打开截图，点击任意像素，放下橙色标记点，写下评论。多位评审者，讨论串清晰。前后对比的滑动条，拖动即可揭示。
灯箱 · 标记点——点击像素，写下评论。 未读时标记点呈橙色脉动，看过后变为带编号的蓝色。右侧栏列出每条评论的作者、时间和删除操作。多位评审者，完整的讨论串。
对比滑动——拖动分隔线，直接看出差异。 两张截图叠放，只有一个拖动手柄。没有闪烁，没有开关，不用“切换标签页”——纯粹的肌肉记忆。只要任务同时附有前后两张图，就能使用。
八种状态。 两种视图。
每种颜色都经历过十次被否决——没有一个是装饰。
阅读完整故事
已完成、问题、进行中、待审核、需补充信息、待开始、不相关、信息——八种状态，每种颜色都是挣来的。仪表盘汇总各项目的总数；状态菜单让你一键更改一个或多个任务。
仪表盘——汇总，而不是点名。 项目数量、状态分布、主要阻塞项。一个界面回答：团队卡在哪？在看清全局之前无需下钻。
状态菜单——一键移动任何任务。 右键任意任务即可更改状态。批量选中多行，一次全部更改。八种颜色经历过十次被否决——每一种都有含义，没有一种是装饰。
体验一致， 不限平台。
阅读完整故事
Mac M 系列、Mac Intel、Windows EXE、Windows MSI。共享的 HTML/CSS/JS 前端，Tauri 2 原生外壳。深色模式按界面切换，而不是按应用切换。测试者的反馈会进入下一个版本标签。
浅色主题——施工现场的阳光下。 默认界面。照片上对比度更高，更适应真实环境的光线。打印预览与所见一致。
深色主题——办公室、夜晚、OBS 叠加层。 为深夜的问题分诊和录屏演示而设计。内容相同，画布更深，状态颜色在两种主题下含义不变。
产品用 Geist。 系统用 Mono。 天蓝、琥珀、深黑。
界面用 Geist 400–700；时间戳、版本号、快捷键用 Geist Mono。
琥珀色只用于一种状态——“进行中”——因为它挣得了这个位置。
字体与配色详解
字体。 整个应用使用 Geist Sans——一款为高密度产品界面调校的简洁现代无衬线字体。系统“开口说话”的地方使用 Geist Mono：时间戳、文件大小、版本标签、快捷键提示。
- Geist · 400 / 500 / 600 / 700 ——主要界面字体。字距紧凑，骨架中性。从注释（10px）到展示（96px）。
- Geist Mono · 400 / 500 ——时间戳、版本标签、文件路径、命令行提示。凡是系统需要精确的地方。
- Instrument Serif · 斜体 ——编辑风格的点缀，仅用于案例页：主视觉标语、引语、放慢节奏的时刻。应用内不使用。
配色。 天蓝承载品牌和激活状态。琥珀色只用于唯一一种状态——“进行中”——因为它挣得了这个位置。深黑托起画布；其余一切都是系统的白色叠在噪点上。
- Engineer Sky #0EA5E9 ——品牌、激活状态、主要操作、链接。
- Sky Light #7DD3FC ——悬停、聚焦光晕、主视觉渐变中的细微提亮。
- In-Progress Amber #FFC940 ——挣来的唯一状态标签。克制使用——绝不作装饰。
- Studio Black #0A0A0C ——画布。灯光调暗。每张截图都从这里开始。
七天， 三十八个标签。
每个标签都会在 CI 中构建真实的二进制文件。测试者早上提出问题，午饭后就拿到修复。
逐日回顾
以小时为节奏：每个标签都会触发 CI 流水线，产出真实交付的二进制文件——Mac M 系列、Mac Intel、Windows EXE、Windows MSI。测试者早上提出问题，午饭后就拿到修复。
- 第 1 天 · 4 月 28 日——Tauri 脚手架。 骨架搭起，GitHub Actions 流水线接通。中午前转向原生 screencapture。v0.1.1 → v0.1.9。
- 第 2 天 · 4 月 29 日——狙击式覆盖层。 自定义透明全屏，拖拽选区截图。原生品质，由我们掌控。v0.1.10。
- 第 3 天 · 4 月 30 日——标注编辑器。 六种工具——箭头、矩形、画笔、文字、模糊、高亮。始终置顶，不抢焦点。v0.1.11 → v0.1.12。
- 第 4–5 天 · 5 月 1–2 日——创始人亲自试用。 两天真实的现场走访。提交的是具体的问题，而不是含糊的抱怨。实地测试。
- 第 6 天 · 5 月 3 日——冲刺日。 24 小时内发布十二个版本。内联任务、多张截图、PDF 导出、深色模式、RU/EN、灯箱标记点。v0.1.13 → v0.1.24。
- 第 7 天 · 5 月 4 日——最终冲刺。 十四个版本。项目选择器、内联聊天、对比滑动、OAuth 重试、Windows 客户上线。v0.1.25 → v0.1.44。
- 公开——上线。 Mac DMG · Mac Intel · Win EXE · Win MSI。全部在 GitHub Releases 公开。44 个版本。
它是如何 做成的。
从空仓库到生产环境的 v0.1.44。独立创始人 + AI 搭档。
- TTauri 2 / Rust原生外壳、深度链接、插件
- NNext.js · ReactWeb 镜像、OAuth 落地页
- SSupabase认证、Google OAuth、数据库
- ★Claude Code主要的 AI 构建者
- GGitHub Actions · Railway4 平台 CI、Web 自动部署
时间线与完整技术栈
从空仓库到生产环境的 v0.1.44，用时六天七小时。独立创始人 + AI 搭档。每个版本都在 GitHub 公开。
- 第 1 天——Tauri 脚手架 + CI · 4 月 28 日
- 第 2 天——狙击式覆盖层 · 4 月 29 日
- 第 3 天——标注编辑器 · 4 月 30 日
- 第 4–5 天——创始人亲自试用 · 5 月 1–2 日
- 第 6 天——冲刺（12 个版本） · 5 月 3 日
- 第 7 天——最终冲刺（14 个版本） · 5 月 4 日
- Tauri 2 / Rust ——原生外壳、深度链接、插件
- Next.js · React ——Web 镜像、OAuth 落地页
- Supabase ——认证、Google OAuth、数据库
- Claude Code ——主要的 AI 构建者
- GitHub Actions ——4 平台 CI，每个标签都触发
- Railway ——推送即自动部署 Web
- Figma ——仅用于架构草图
- Geist · Mono ——字体体系
从空白仓库到 v0.1.44 ——只用 4 周。
这是 Stepikin Studio 在 2025–26 年交付的七个项目之一——用来把工作室的论点推到极限去检验。论点站住了。
