保姆级教程｜用 WorkBuddy 十分钟给自己搭个外贸个人工作台

听说，最近做个人工作台很火，我也顺手做了一个，如下：

整个做下来感觉还是挺容易的。如果还有小伙伴想做，但是不知道怎么做的，下面的教程内容就要看仔细了。

1，先从召唤个人工作台专家开始

WorkBuddy本身是提供帮你快捷创建工作台的途径的--召唤专家。点击召唤之后，就会出现专家引导你如何一步步创建自己的工作台。

下面的就是点击召唤之后出现的默认页面。

2，选择模型

右侧选择模型的时候，推荐选择免费的 Hy3（不消耗积分），毕竟这不算个啥复杂的任务。

3，写清楚需求

建议按下面三个步骤去写你的提示词：

（1）工作台的功能

（2）工作台的布局

（3） 你的要求

比如，我的提示词就是这样写的：

帮我做一个网页版的桌面工作台，一个 HTML 文件就能打开用，不要复杂的后端。

【它是干嘛的】 每天打开电脑第一个看的页面，像一个"数字桌面"，把常用东西摆在一个屏幕里。

【功能】

1. 世界时间：显示洛杉矶、伦敦、悉尼、东京的实时时间
2. 实时汇率：美元、欧元、日元、加元兑人民币的当天汇率
3. 待办：快速加、点勾完成、能删除，底部显示完成进度条
4. 灵感便签：随手写自动保存，刷新不丢
5. 快捷入口：一排常用网站图标，新标签页打开，能自己加自己删
6. 番茄钟：25 分钟倒计时，能开始/暂停/重置
7. 日历：标注当月欧美国家重要节日及介绍

【布局】 顶部一左一右双列——左边日历占 50% 宽，右上世界时间、右下汇率；下方三列（待办 / 便签+番茄钟 / 快捷入口）。手机自动变单列。

【设计】 浅色底（带粉调，小红书红白风）、可一键切深色；卡片式圆角、轻微阴影、hover 微浮起；顶部左边问候语"晚上好，[名字]"，右边时间和主题切换；系统无衬线字体，主色小红书红 #FF2442；动画过渡 0.2 秒。

【技术要求】 单个 HTML 文件（HTML+CSS+原生JS，不引框架）；所有数据存浏览器 localStorage；代码写注释方便以后改；直接给完整代码。

【做完后】 在浏览器打开看效果，截图确认，有明显丑的或没对齐的直接改好再给我。

当然，如果你有不满意的，直接跟WorkBuddy对话，告诉它怎么修改即可。

4，变成可随时使用的界面

有了公开链接之后，想随时使用的话，最好直接把那个链接"钉"成桌面/主屏图标，教程如下：

电脑（Mac）

Safari（macOS Sonoma 14+，最像 App）：

1. 用 Safari 打开你生成的链接
2. 顶部菜单 文件 → 添加到程序坞
3. 桌面/Dock 就出现一个图标，点开是独立小窗、没有浏览器工具栏

Chrome：

1. 打开链接 → 右上角 ⋮ → 保存并共享 → 创建快捷方式
2. 勾选"作为窗口打开" → 创建
3. 图标会出现在应用程序文件夹/AirDrop 区，可拖到桌面

手机

iPhone（Safari）：

1. Safari 打开链接 → 点底部 分享 按钮（方块带箭头）
2. 选 添加到主屏幕 → 取个名字（如"我的工作台"）→ 添加
3. 主屏就有图标了，点开全屏运行

Android（Chrome）：

1. Chrome 打开链接 → 右上角 ⋮ → 添加到主屏幕
2. 或页面底部弹出"安装应用"提示，直接装

通过以上四步，你就能生成自己的外贸工作台啦。是的，就是这么简单。不少博主都把这事复杂化了，你自己去试下就知道有多简单啦。

不过，这种网页版的工作台还不是真正意义上的功能型工作台，更好的形式还是做成浏览器插件，做成像这种：https://ywange.com/article/art-mrhglyapcrt5。

当然，也不难做，想要浏览器插件工作台教程的话，点个赞告诉我，需求大的话我下期写个手把手教程～～