有趣的个人工作台
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_4894573e/working-bench。
技能介绍
解决什么问题
个人日常工具常常散落在笔记、清单、习惯打卡和记账里,但现成应用往往字段不符、样式死板,或者要求后端账号。这个技能面向想要一个本地工作台的场景:按桌面、移动或双端形态生成一个纯前端页面,数据存在 localStorage,并保留 导出/导入 JSON 的备份出口。
如何工作
技能先根据设备信号做形态路由:提到手机判 app,提到电脑判 desktop,两端都要则出两份文件。核心积木包括 CONFIG 配置、五类模块、主题换肤和双端差异。模块类型以代码为准:todo、checkin、progress、finance、note,首页 dashboard 由模板自动生成,不要手写。视觉层把所有颜色放进 :root token,换肤只改变量,不改组件 CSS 或 JS。
适用边界
默认是单机本地存储,换浏览器或清记录会丢数据,需要定期导出;双端共享依赖同一 storageKey,多端实时同步是可选增强,需用户自托管轻量后端,技能不会替用户硬编码地址或令牌。类型名误用会导致模块不渲染,配置时要保持两端 CONFIG 一致。
使用场景
- 给习惯打卡、待办和随手记生成手机工作台,用底部 Tab 快速记录。
- 把个人记账、收入支出和月度分类统计放进电脑端多列看板。
- 为阅读页数和长期目标配置 progress 模块,用进度条与 +1 按钮追踪。
- 用 :root token 换成莫兰迪配色或暗色模式,不碰组件 CSS。
适合人员
- 想在本机浏览器维护待办、笔记和习惯打卡的工程师。
- 需要把个人记账和支出构成做成网页看板的独立开发者。
- 要按莫兰迪/暗色 token 换肤且不改组件代码的前端同学。
- 想为手机和电脑共享同一份工作台数据并自托管同步的个人用户。