多彩编程 多彩编程MZPH · CODE BLOG
ARTICLE DETAIL

文章详情

深耕前端与后端开发技术的一线实战笔记与踩坑复盘。

如何用 WorkBuddy,把一张截图变成自己的专属 AI 工作台

如何用 WorkBuddy,把一张截图变成自己的专属 AI 工作台 如何用 WorkBuddy把一张截图变成自己的专属 AI 工作台我把之前的飞书内容看板截了张图发给 WorkBuddy它直接帮我做成了一个能在电脑和手机上打开的 AI 工作台。我不会写代码也没有重新写一份复杂的需求文档。整个过程就是把旧截图交给它再用大白话告诉它哪里需要修改。之前我用飞书搭过一个自媒体内容看板选题、文章、视频和发布日期都放在一张表里。但是我发现内容虽然都装进去了呈现方式却不够直观。打开表格以后我还要自己去找今天该做什么、哪些内容正在制作以及接下来该推哪个选题。所以这次我保留原来的栏目和数据换一种更直观的呈现方式用 WorkBuddy 把那张飞书表格做成一个打开就能看懂的个人工作台。01 先别从零设计找一份你已经在用的材料我没有重新写一份复杂的需求文档直接把原来的飞书内容看板截了张图发给 WorkBuddy。下面是我当时输入的真实提示词PROMPT这是我之前用飞书做的自媒体内容看板请你参考这张截图帮我重新做成一个可以在电脑浏览器打开的「开心的 AI 频道日更工作台」。原来的栏目和内容尽量保留但页面不要再像飞书表格要更像一个简洁、好看的个人工作台。我希望打开以后能直接看到1. 今天最重要的任务2. 正在制作的内容3. 每条内容进行到哪一步4. 已经发布的内容和数据5. 接下来最值得做的选题。需要支持添加、修改、删除和搜索内容。关闭网页以后填写的数据也要保留。我不懂代码你直接帮我做好并打开给我看。先做一个简单、能用的版本哪里不合适我再告诉你修改。这段提示词只是我的示例不是固定模板。工作台叫什么、保留哪些栏目、打开以后先看什么都可以根据你的实际情况修改。WorkBuddy 根据截图做出了一个能在浏览器打开的网页。原来飞书里的 16 个选题还在选题处于什么阶段、文章和视频有没有发布也被带到了新页面里。第一版当然不会完全合适。首页信息太多我就让它把「今天最重要的任务」放到前面表格感太重我就让它改成卡片。整个修改过程很简单看到哪里不顺手就把那句话直接说出来。02 它做出来的不只是一张好看的页面最后做出来的页面保留了原来的 16 个选题也能搜索、新增、编辑和删除内容。更重要的是我一打开它就能看到今天要做什么以及接下来该推进哪个选题。这些功能谈不上多复杂但它们保留了我原来的工作习惯。我不需要把所有资料重新录一遍也不用为了换工具重新设计流程。做完电脑版以后我又让 WorkBuddy 把网页部署到云端。现在手机点开链接也能使用还可以添加到主屏幕打开方式和普通 App 差不多。对我来说这一点比增加更多功能更有用。内容灵感不一定发生在电脑前手机能打开我才有可能在想到选题时顺手记进去。需要说明的是这个版本的手机和电脑数据暂时各自独立。我现在把手机版当成随手记录的入口而不是一个实时同步的多人协作系统。03 不一定要有飞书表格我这次用了飞书截图因为原来的内容都在那里。你手里的素材可以是 Excel、Notion 页面、任务清单甚至是一张手写草稿。只要画面能大致表达你想要的布局就可以先发给 WorkBuddy再用语言补充细节。没有现成表格也没关系。你可以直接告诉它PROMPT我想做一个个人工作台。左边放栏目中间显示正在推进的事情右边只放今天最重要的任务。先做一个简单、能用的版本。第一版出来以后再改通常比坐在那里想一份完整提示词快得多。别一开始就塞进十几个模块。页面做得越满后面维护它的成本越高。先放每天会看的内容用一段时间以后再决定还缺什么。我现在判断一个工作台好不好标准很简单我会不会打开它。页面好看只能吸引第一眼里面有没有自己的资料能不能接住每天要做的事才决定它会不会留下来。所以不用等需求全部想清楚。有现成材料就发截图什么都没有就用大白话描述。先让 WorkBuddy 做出第一版看到页面以后再继续改。
返回列表