Mac Utility / Dashboard

Selected

HTML Board for macOS

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

Updated 2026-03-14

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

Menu Bar AppLocal BuildmacOSSwiftUIWKWebView
Menu BarDashboardHTMLLocal-first

Outcome

结果与影响

  • 原生菜单栏应用负责状态、权限与全局快捷键。
  • 内嵌 HTML Dashboard 负责本地 HTML 的列表、预览与搜索。
  • 新文件出现时触发系统通知,减少“报告生成了但忘了看”的问题。

Decision

关键决策与取舍

  • 原生菜单栏应用负责状态、权限与全局快捷键。
  • 内嵌 HTML Dashboard 负责本地 HTML 的列表、预览与搜索。
  • 新文件出现时触发系统通知,减少“报告生成了但忘了看”的问题。

Evidence

可验证证据

  • Swift 原生壳负责菜单栏、热键、通知与窗口控制。
  • WKWebView 嵌入本地 HTML Dashboard 服务。
  • bookmark + state.json 组合,记住扫描根目录与访问权限。

Flow

关键路径(从打开到完成一次任务)

Scan → Notify → Open → Review

HTML Board for macOS flowScanNotifyOpenReview

Product shape

这次交付的真实形态

  • Format:Menu Bar App
  • Status:Local Build
  • Platforms:macOS · SwiftUI · WKWebView
  • 体验重点: 本地产品形态、权限边界、入口设计与截图证据。

Screenshots

UI snapshots

用截图快速理解页面结构、视觉层级与交互状态。

HTML Board for macOS screenshot — Cover
Cover
HTML Board for macOS screenshot — Screen 01
Screen 01
HTML Board for macOS screenshot — Screen 02
Screen 02
HTML Board for macOS screenshot — Screen 03
Screen 03

Case Study

先看结果、决策与证据

先看结果、关键决策与证据,再回看过程与实现。

Outcome

结果与影响

  • 原生菜单栏应用负责状态、权限与全局快捷键。
  • 内嵌 HTML Dashboard 负责本地 HTML 的列表、预览与搜索。
  • 新文件出现时触发系统通知,减少“报告生成了但忘了看”的问题。

Decision

关键决策与取舍

  • 原生菜单栏应用负责状态、权限与全局快捷键。
  • 内嵌 HTML Dashboard 负责本地 HTML 的列表、预览与搜索。
  • 新文件出现时触发系统通知,减少“报告生成了但忘了看”的问题。

Evidence

可验证证据

  • Swift 原生壳负责菜单栏、热键、通知与窗口控制。
  • WKWebView 嵌入本地 HTML Dashboard 服务。
  • bookmark + state.json 组合,记住扫描根目录与访问权限。

Role

承担角色

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

Problem

核心问题

  • 本地工作流会生成大量 HTML 报告,但文件系统本身不是一个好的浏览界面。这个项目把“看板入口”做成菜单栏工具,让回看变成低摩擦动作。
  • 随时呼出最近生成的 HTML 报告。
  • 把本地多目录里的 HTML 汇总成一个可搜索面板。

Constraints

约束条件

  • Format: Menu Bar App
  • Status: Local Build

Background

为什么做

本地工作流会生成大量 HTML 报告,但文件系统本身不是一个好的浏览界面。这个项目把“看板入口”做成菜单栏工具,让回看变成低摩擦动作。

Scenario

应用场景

  • 随时呼出最近生成的 HTML 报告。
  • 把本地多目录里的 HTML 汇总成一个可搜索面板。
  • 在不打断当前任务的情况下快速预览与跳转。

Delivery

实现了什么

  • 原生菜单栏应用负责状态、权限与全局快捷键。
  • 内嵌 HTML Dashboard 负责本地 HTML 的列表、预览与搜索。
  • 新文件出现时触发系统通知,减少“报告生成了但忘了看”的问题。

Design

设计要点

  • 菜单栏入口应该足够安静,但又随时可达。
  • 浮窗是“看一眼”的工具,不应该变成完整浏览器。
  • 本地优先与路径授权要被解释清楚,避免权限感知混乱。

Tech

技术实现

  • Swift 原生壳负责菜单栏、热键、通知与窗口控制。
  • WKWebView 嵌入本地 HTML Dashboard 服务。
  • bookmark + state.json 组合,记住扫描根目录与访问权限。

Access

当前展示方式

  • 当前展示的是本地构建产物截图与产品说明。
  • 真实交互依赖 macOS 菜单栏与本地文件访问权限,不适合强行做成网页。

Try it

看完介绍,继续探索

当前先以产品页、截图和关键流程说明为主。先看截图,再读边界与交付方式,会比强行找线上入口更准确。

HTML Board for macOS preview

Access

当前可查看的入口与材料

当前没有公开网页入口,因此这里优先展示产品说明、真实截图和使用语境。后续如果有独立域名或下载入口,会继续补上。

  • Format:Menu Bar App
  • Status:Local Build
  • Platforms:macOS · SwiftUI · WKWebView

Related work

继续看相关项目

这里保留与当前项目更接近的入口,方便继续横向浏览。