使用workbuddy开发个人管理工作台

0 阅读3分钟

1.1 进入专属开发空间

这个是我开发的工作台,可以在浏览器打开,登录账号确认当前操作环境为个人管理工作台独立空间,可以存储同步,非常适合想要开发自己的专属于自己的工作台,可以不需要搭建服务器就可以直接做出自己的应用,先看看作品

ScreenShot_2026-08-14_172821_347.png

ScreenShot_2026-08-14_174017_067.png

ScreenShot_2026-08-14_174026_699.png

ScreenShot_2026-08-14_174037_900.png

1.2 资料库

先查询到资料库这个地方

image.png 进行团队空间的新建,并且取一个自己喜欢的名字 2.png

1.3

进行添加任务 3.png

37e104a0-dbae-4846-aac0-410ec50661b6.png

三、完整操作步骤

步骤 1: 绑定资料库至工作台开发对话

想要精美的交互逻辑肯定是需要一份说明文档的,可以按照我这一份提示词来进行生成说明文档

d7dc2367-be45-4df8-98d6-9fe244631086.png 提示词

请基于资料库的在线存储与双向同步能力,编写一份「个人管理」个人工作台的产品说明文档。该工作台需采用 app 手机竖屏风格的页面交互逻辑,包含以下核心功能模块:首页(概览与快速入口)、每日计划(任务创建与跟踪)、消费记录(收支录入与统计)、每日自省(反思记录)、学习目标(目标设定与进度管理)。文档应明确各模块的功能描述、数据同步机制、页面交互规范及整体产品定位,无需提供代码实现。

步骤 2:

会生成一个个人文档的md产品说明文档,可以查看文档是否符合需求,不符合可以在里面修改

9e1d16e5-c6bf-434b-a8cd-c4c505d42d2c.png

步骤 3

然后需要设计产品的ui,ui的设计我这边是按照手机端来进行交互的,所以可以直接说明

image.png 提示词

请你基于产品说明文档去设计ui原型图,页面布局和交互风格药符合app手机端,页面的
风格采用微信的风格。

步骤 4

下面可以进行真正的开发了,需要说基于现有的资料库能力,不然ai是不会使用资料库的能力的,按照上方,将自己的文件添加进入输入框

image.png 提示词

基于现有资料库能力、产品文档及UI原型,开发个人管理工作站,需实现以下功能:利用资料库提供的数据接口完成核心业务功能开发;依据产品文档定义的功能需求与交互逻辑进行实现;严格按照UI原型还原界面布局与视觉样式;实现用户数据的在线存储,确保数据持久化保存于服务端;实现客户端与服务端的双向同步机制,支持离线操作后自动同步、冲突检测与处理,保障多端数据一致性。输出完整可运行的代码及必要的模块划分说明。

五、使用注意事项

这个时候就有文档出来了,可以进行分享公布

image.png

六、常见故障解决方案

后续可以进行功能测试了,如果有不满意的,可以点击ai编辑进行修改,如下图

image.png

七、使用闭环总结

下面是需要注意的地方

  1. 一定要先写/改好产品文档,再让AI写代码

  2. 提示词里必须明确“基于资料库能力”

  3. 先确认数据表创建正确,再测页面

  4. 字段命名尽量“见名知意”,别用缩写

  5. 手机端使用要提前说清“竖屏+触控友好”

  6. 编辑权限要管好

    • 如果分享链接给家人/同事用,发布时注意设置权限:

      • 如果只是让对方“记录数据”,可以开「仅允许提交表单,不允许编辑页面」
      • 如果是多人协作编辑,记得提醒对方:修改页面前先评论,不要直接改HTML代码,避免把页面改崩。
  7. 后续迭代:小步修改,每次改一个需求