背景
为什么做
- 本地工作流会生成大量 HTML 报告，但文件系统不是好的浏览界面。把看板入口放进菜单栏——回看变成一键的事。
概览
这项工作的关键构成
交付
实现了什么
- 原生菜单栏应用负责状态、权限与全局快捷键。
- 内嵌 HTML Dashboard 负责本地 HTML 的列表、预览与搜索。
- 新文件出现时触发系统通知，减少“报告生成了但忘了看”的问题。
设计
设计要点
- 菜单栏入口应该足够安静，但又随时可达。
- 浮窗是“看一眼”的工具，不应该变成完整浏览器。
- 本地优先与路径授权要被解释清楚，避免权限感知混乱。
精选界面
界面、状态与视觉节奏
项目说明
结构、意图与实现说明
01
背景
为什么做
本地工作流会生成大量 HTML 报告，但文件系统不是好的浏览界面。把看板入口放进菜单栏——回看变成一键的事。
02
场景
应用场景
- 随时呼出最近生成的 HTML 报告。
- 把本地多目录里的 HTML 汇总成一个可搜索面板。
- 在不打断当前任务的情况下快速预览与跳转。
03
交付
实现了什么
- 原生菜单栏应用负责状态、权限与全局快捷键。
- 内嵌 HTML Dashboard 负责本地 HTML 的列表、预览与搜索。
- 新文件出现时触发系统通知，减少“报告生成了但忘了看”的问题。
04
设计
设计要点
- 菜单栏入口应该足够安静，但又随时可达。
- 浮窗是“看一眼”的工具，不应该变成完整浏览器。
- 本地优先与路径授权要被解释清楚，避免权限感知混乱。
05
技术
技术实现
- Swift 原生壳负责菜单栏、热键、通知与窗口控制。
- WKWebView 嵌入本地 HTML Dashboard 服务。
- bookmark + state.json 组合，记住扫描根目录与访问权限。
06
访问
当前展示方式
- 当前展示的是本地构建产物截图与产品说明。
- 真实交互依赖 macOS 菜单栏与本地文件访问权限，不适合强行做成网页。
流程
从进入到完成的路径
看截图和操作顺序，比看文字描述更清楚。
Scan / Notify / Open / Review
快照
HTML Board for macOS
菜单栏 + 全局浮窗 + 本地 HTML 看板
访问方式
这个项目还在迭代中。当前能看到的可能是线上地址、预览链接，或者一组整理过的界面截图。
打开项目：Token 
Token
一个极小的菜单栏状态工具：从 API 拉取配额数据，在顶部状态区持续显示剩余额度，减少频繁打开 Dashboard 的切换成本。
打开项目：Money 
Money
一个私有的记账 PWA。我把多年真实账本迁了进去——手机快速记、跨设备同步、总览下钻到每一笔明细。数据归自己，可备份可恢复。
打开项目：Prompt Hub 
Prompt Hub
面向个人/独立开发者的实用提示词收集库：精选可复用模板，减少试错成本。