一、为什么做这个工作台 之前用过很多打卡 App,但总觉得: ❌ 维度太单一,运动和学习分开记录 ❌ 缺少长期视角,看不到全年进度 ❌ 没有复盘空间,打完卡就忘了 ❌ 界面千篇一律,没有归属感 于是决定用 WorkBuddy 手搓一个完全属于自己的工作台——沿沿的个人空间。 二、工作台长什么样 🎀 配色:浅粉白渐变,每天打开都有好心情。 📐 三级导航结构 欢迎首页 → 工作台总览 → 全屏项目页 第一级:欢迎首页 大标题「沿沿的个人空间」 第二级:工作台总览 📅 全年日历(从7月起,自动定位) 每月有「月目标」输入区 每周有「周目标」输入行 日期格子显示打卡密度(浅粉→深粉) 🌿 十大项目卡片网格 每张卡片显示任务数、浇水次数、进度条 点击进入专属空间 第三级:全屏项目页点击任意项目后全屏展开,四个标签页: 🌱 打卡花园 种树🌳/种花🌸/星星⭐浇水💧/阳光☀️/点亮✨ 📋 计划清单 可拖拽排序、双击编辑、勾选完成 📝 自由笔记 大文本区,四个快捷标签,自动保存 💬 复盘总结 周/月/自定义总结 + 打卡历史时间线 三、核心亮点 1. 三种任务类型 2. 植物生长可视化 不是简单的勾选,而是用 CSS 手绘的植物,随打卡天数逐步生长: 0天:土里埋着种子 1-7天:冒出嫩芽 8-30天:长成小树苗/花茎 30+天:大树盛开/花朵绽放 3. 数据完全自主 全部存在浏览器 localStorage,刷新不丢 支持 📤 导出 / 📥 导入 JSON 备份 可以添加到手机桌面,像 App 一样使用 四、怎么用 WorkBuddy 做出来 Step 1:描述需求 Step 2:迭代优化 Step 3:继续打磨 Step 4:拿到文件 WorkBuddy 会生成一个 .html 单文件,双击就能用,详见最后三张图的提示词! 五、使用方式 电脑上 1.双击 yanyan-space.html 文件 2.浏览器自动打开 3.点击「进入工作台 →」 手机上 1.把文件发到微信/QQ 2.手机点击文件 → 用浏览器打开 3.浏览器菜单 →「添加到主屏幕」 以后从桌面图标直接进入 #workbuddy #工作更高效 #人工智能 #工作效率大大提高 #桌面创造力