Mac Utility / Dashboard
HTML Board for macOS
菜单栏 + 全局浮窗 + 本地 HTML 看板
Updated 2026-03-14
把本地散落的 HTML 报告与产物收敛成一个菜单栏应用：常驻后台、一键呼出、支持系统通知和全局快捷键。
Menu Bar AppLocal BuildmacOSSwiftUIWKWebView
Menu BarDashboardHTMLLocal-first
Background
为什么做
- 本地工作流会生成大量 HTML 报告，但文件系统本身不是一个好的浏览界面。这个项目把“看板入口”做成菜单栏工具，让回看变成低摩擦动作。
Scenario
应用场景
- 随时呼出最近生成的 HTML 报告。
- 把本地多目录里的 HTML 汇总成一个可搜索面板。
- 在不打断当前任务的情况下快速预览与跳转。
Delivery
实现了什么
- 原生菜单栏应用负责状态、权限与全局快捷键。
- 内嵌 HTML Dashboard 负责本地 HTML 的列表、预览与搜索。
- 新文件出现时触发系统通知，减少“报告生成了但忘了看”的问题。
Flow
关键路径（从打开到完成一次任务）
Scan → Notify → Open → Review
Product shape
这次交付的真实形态
- Format：Menu Bar App
- Status：Local Build
- Platforms：macOS · SwiftUI · WKWebView
- 体验重点： 本地产品形态、权限边界、入口设计与截图证据。
Screenshots
UI snapshots
用截图快速理解页面结构、视觉层级与交互状态。
Background
为什么做
→
Background
为什么做
本地工作流会生成大量 HTML 报告，但文件系统本身不是一个好的浏览界面。这个项目把“看板入口”做成菜单栏工具，让回看变成低摩擦动作。
Scenario
应用场景
→
Scenario
应用场景
- 随时呼出最近生成的 HTML 报告。
- 把本地多目录里的 HTML 汇总成一个可搜索面板。
- 在不打断当前任务的情况下快速预览与跳转。
Delivery
实现了什么
→
Delivery
实现了什么
- 原生菜单栏应用负责状态、权限与全局快捷键。
- 内嵌 HTML Dashboard 负责本地 HTML 的列表、预览与搜索。
- 新文件出现时触发系统通知，减少“报告生成了但忘了看”的问题。
Design
设计要点
→
Design
设计要点
- 菜单栏入口应该足够安静，但又随时可达。
- 浮窗是“看一眼”的工具，不应该变成完整浏览器。
- 本地优先与路径授权要被解释清楚，避免权限感知混乱。
Tech
技术实现
→
Tech
技术实现
- Swift 原生壳负责菜单栏、热键、通知与窗口控制。
- WKWebView 嵌入本地 HTML Dashboard 服务。
- bookmark + state.json 组合，记住扫描根目录与访问权限。
Access
当前展示方式
→
Access
当前展示方式
- 当前展示的是本地构建产物截图与产品说明。
- 真实交互依赖 macOS 菜单栏与本地文件访问权限，不适合强行做成网页。
Try it
看完介绍，继续探索
当前先以产品页、截图和关键流程说明为主。先看截图，再读边界与交付方式，会比强行找线上入口更准确。
Access
这个项目目前先以产品页展示
当前没有公开网页入口，因此这里不再强行嵌入 iframe。你看到的是产品化说明、 真实截图和使用语境，后续如果有公开下载或独立域名，再补正式入口。
- Format：Menu Bar App
- Status：Local Build
- Platforms：macOS · SwiftUI · WKWebView
Explore next
推荐你看这些
根据标签与类别做的相关推荐（不想继续看也能快速跳走）。