Mac Utility / Dashboard相关项目

HTML Board for macOS

菜单栏 + 全局浮窗 + 本地 HTML 看板

把本地散落的 HTML 报告与产物收敛成一个菜单栏应用:常驻后台、一键呼出、支持系统通知和全局快捷键。

  • Menu Bar
  • Dashboard
  • HTML
  • Local-first
相关项目菜单栏应用本地构建macOSSwiftUIWKWebView更新于 2026-03-14
HTML Board for macOS cover

概览

这项工作的关键构成

背景

为什么做

  • 本地工作流会生成大量 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 flowScanNotifyOpenReview

继续探索

继续进入相关材料

HTML Board for macOS preview

访问方式

这个条目仍属于持续演进中的实践。公开表面可能是线上网址、导览式预览,或者一组经过整理的界面状态,取决于当前发布形态。