Money
一个私有的记账 PWA。我把多年真实账本迁了进去——手机快速记、跨设备同步、总览下钻到每一笔明细。数据归自己，可备份可恢复。
能力视角 / 11
前端与设计工程
从界面到数据、从测试到部署——前端全链路。
这一页优先呈现可追溯的技术责任、架构用途、工程难点与验证边界；不会用技术 Logo 替代真实项目证据。
01 / 从这里开始
4 项已核验技术证据入口
打开项目：Money 打开项目：Excalicord 
Excalicord
把 Excalidraw 式白板、分镜场景、提词器、参考画面、摄像头气泡和录屏框选收在一个桌面优先的工作台里，用来做产品讲解、教学演示和异步说明。
打开项目：Cleaner 
Cleaner
macOS 清理工具。先告诉你空间和机器负担从哪来，再让你按风险逐项勾选——只清该清的，不动不该动的。
打开项目：语音转录 
语音转录
很多想法在开口那一瞬间最真实。这个工具是我给自己留住那些瞬间的方法，让口述、回看和继续整理都更自然。
02 / 能力索引
每项技术都回到真实使用场景
- 01
React + TypeScript
响应式 PWA 与跨端交互
- 02
IndexedDB
历史数据本地即时读取
- 03
Worker + D1
认证、关系数据与云端事实源
- 04
React
桌面讲解工作台与多层交互状态
- 05
Excalidraw
可继续编辑的白板画布
- 06
GitHub API
项目 push / pull / restore 与冲突保护
- 07
SwiftUI
macOS 原生界面与高风险确认流程
- 08
SwiftPM
CleanerApp / CleanerCore 模块边界
- 09
Local diagnostics
磁盘、进程、索引与浏览器残留诊断
- 10
Next.js + React
首页、Quick Capture、历史、详情与设置界面
- 11
Web Speech API
浏览器端实时转写与录音状态
- 12
localStorage + IndexedDB
分离保存转写元数据与原始音频 Blob
03 / 继续展开
同一能力在其他项目里的不同形态
打开项目：HTML Board for macOS 
HTML Board for macOS
把本地散落的 HTML 报告与产物收敛成一个菜单栏应用：常驻后台、一键呼出、支持系统通知和全局快捷键。
打开项目：Token 
Token
一个极小的菜单栏状态工具：从 API 拉取配额数据，在顶部状态区持续显示剩余额度，减少频繁打开 Dashboard 的切换成本。
打开项目：MermaidFlow 
MermaidFlow
在线 Mermaid 图表编辑器：语法高亮、实时预览与导出能力，让“文本即图表”更顺手。
打开项目：简谱播放器 
简谱播放器
输入简谱（含 BPM/歌词/延音/附点/滑音），采样钢琴音色并支持移调、转音名与逐音试听。
打开项目：Motion Atlas 
Motion Atlas
前端动效合集。先看预览，再选模板，落地到项目。
打开项目：Vercel Projects Analytics Board 
Vercel Projects Analytics Board
把 Vercel team 里的项目、Web Analytics、Speed Insights 与 allprojects 映射关系收敛成一张治理看板，帮助快速发现覆盖缺口、指标漂移与配置异常。
打开项目：Next.js Upgrade Board 
Next.js Upgrade Board
扫描本地项目库里的 Next.js 工程，把版本分布、Vercel 关联状态与升级命令收敛成一张升级治理面板，减少逐仓库排查的重复劳动。