Jiang.
返回首页

TokenBoard

个人项目 · 持续迭代

  • iOS
  • 移动端 UI/UX
  • AI 协作

把分散的 AI 服务额度与用量,整理成可随时查看的原生移动看板。查看完整产品说明 ↗

封面 / 当前 SwiftUI 模拟器界面以合成演示数据呈现。

从 Mac 看板,到随手可见

TokenBoard 最初是 Mac 数据与网页看板,随后转为 SwiftUI 原生 iPhone App。将信息带到桌面快速查看的小组件,是推动这次移动端原生化的重要动机。

手机读取 Mac 提供的只读鉴权快照;iPhone 不直接扫描或分析 Mac 会话。我提出需求并主导产品和视觉方向,借助 AI 协助设计与开发。

概览、用量与设置各司其职

正式底部导航为概览、用量、设置。下方结构图依据当前产品整理,并非历史设计稿;正式底部导航为概览、用量、设置;小组件作为系统桌面入口独立呈现。

01 / 概览周期用量摘要
订阅额度
积分、余额与流量
02 / 用量近 26 周活动
日期明细与模型
区间趋势、来源与周期
03 / 设置浅色 / 深色 / 跟随系统
隐藏用量与金额
已用 / 剩余方向与连接状态
产品结构 / 依据当前产品整理。

先看总览,再进入额度详情

概览将周期 Token 用量、估算费用与请求次数放在额度卡片之前。订阅卡片保留各自的周期和重置时间;点击卡片可进入对应来源详情。

概览与额度 / SwiftUI 模拟器演示。

按数据含义组织卡片

卡片共享清楚的标题、数值和辅助信息层级,但遵从各来源的数据语义。只有总量与剩余值都有效时才计算比例;缺失或不可得的数据保持未知,不为了版面完整而造数。

单周期订阅额度

呈现套餐、周期额度、剩余或已用比例与重置时间。

多周期订阅额度

各周期分行展示,各自保留额度与重置时间,不合成虚构总量。

WorkBuddy 积分

账户剩余积分来自额度观测;按模型分摊的积分是估算。

DeepSeek 余额

显示货币余额;没有可靠总量时不绘制比例。

良心云流量

呈现可得的剩余流量、有效总量和到期信息。

Grok 与费用

不补不存在的 Grok 用量。费用按带来源的 API 价格表估算,不等于订阅账单。

卡片说明基于当前产品数据模型;界面数值均为合成演示数据,不代表真实服务账户或效果指标。

不同卡片 / 按数据语义组织。

把变化放进时间里

用量页基于记录提供近 26 周每日活动、日期明细、区间趋势与月度汇总,并可按来源和周期筛选。活动与月度示例使用已校准为一致的合成演示数据。

费用依价格表估算;没有可靠报价时不补值。WorkBuddy 模型积分分摊属于估算,不是逐请求官方账单。

用量与趋势 / 来自合成演示记录。

WidgetKit:在系统桌面快速扫读

正式 WidgetKit 定义为小号 2×2,支持选择服务,涵盖单额度、双额度、积分余额、货币余额与流量。系统决定实际刷新时机;App 更新或设置变化可请求刷新,但不承诺即时更新。

下图为正式 TokenWidgetView 的 ImageRenderer 组件渲染预览,不是系统主屏截图。组件添加、首次同步和真实设备刷新行为需在设备上进一步验证。

组件渲染预览 / TokenWidgetView ImageRenderer;非系统主屏或真机截图。

视觉规范与参考来源

依据当前产品整理的色彩为暖白背景 #F7F6F2、陶土强调色 #C26E52、深色背景 #0E0E0D;卡片圆角约 24 pt。英文与数字使用衬线数字层次,中文使用苹方回退。页面保留浅色与深色外观,并允许隐藏数值。

视觉方向延续原 TokenBoard 网页的暖白、陶土和衬线数字。Nowdex 公开 Status、Usage 与 Widgets 界面作为状态、用量和组件的信息层级参考;不是源码移植或合作。Activity Heatmap 与 Range Lens 来自第三方 SwiftPieces,图标、品牌素材与字体来源见素材清单。

相关字体的公开与再分发授权仍需核实,记录见素材来源文件。

暖白 · #F7F6F2陶土 · #C26E52深色 · #0E0E0D卡片圆角约 24 pt
视觉规范 / 色值依据当前产品整理。

协作方式与当前迭代

我提出需求并主导产品和视觉方向,借助 AI 协助设计与开发;案例聚焦已实现的产品范围。

项目 README 记录在 iOS 27 模拟器环境开发验证。WidgetKit 的添加、首次同步和真实设备刷新行为仍需在设备上进一步验证。

产品状态 / 系统桌面组件和真机体验仍待验收。