【征文】零基础实操：我用 WorkBuddy 做了个太阳系行星运行图，还嵌进了自己的工作台

一、起因：一个"不务正业"的需求

我是一名行政助理，日常工作是整理台账、政府文件、写会议纪要——标准办公岗，不会写代码，连 HTML 都是这次才听说。

前段时间心血来潮，想要一个太阳系行星运行图：八大行星位置和本地真实时间一致、点哪颗就能近距离看它的自转和公转、最好还能放进我用 WorkBuddy 搭的行政管理工作台里。放以前，这种需求要么找外包、要么自己啃教程，成本都是以"周"计算的。

这次我全程只动嘴，代码全是 WorkBuddy 写的。从第一句话到嵌进工作台上线，前后聊了几十轮。这篇就把完整过程、踩的坑、总结的技巧写出来，给同样非技术背景的同学抄作业。

二、实操全过程

阶段 1：别急着说"开始"，先要计划

我的第一句话是：

"帮我开发一个功能，我会描述需求，请你先给出实现计划再动手写代码。做一个太阳系行星运行图，时间和本地时间一致，每个星球我都可以点击，近距离观察它的运转情况，包括但不限于自转和公转，默认是以太阳为中心。"

关键动作是要求 AI 先出计划再动手。它很快给了任务分解（天文计算内核、3D 场景渲染、交互系统、信息面板四块）和三个需要我拍板的选择：渲染用 3D 还是 2D、星球外观用程序色块还是真实贴图、轨道按真实开普勒根数算还是画个匀速圆。我逐项答复后它才开工。

这一步帮我避免了"做出来不是我要的"然后大返工。

【图1：AI 输出的实现计划与待我确认的三个选择】

阶段 2：基础版跑起来后，一次只提一个需求

基础版能跑之后，我是一点一点加需求的，每轮只说一件事：

• "画面不够美观，优化一下，同时默认速度是 1 小时每秒，再加上鼠标中键可以平面移动的功能"
• "星球的样子做的和实际相像，这个好做吗，有什么优缺点"——它给了优缺点对比表，我选了"真实贴图 + 本地打包"（图片嵌进文件，离线也能开）
• "把地球的各大洲分区加上，月亮也做成可点击查看的"
• "水星怎么被太阳吞了一半，把星球自转的中心线加上"——bug 反馈加新需求，一句话说清
• "锁定时，以俯视视角显示，让其看起来像其他星球绕太阳做类似圆周运动"

【图2：俯视锁定模式下，行星沿轨道绕太阳公转】

【图3：点击地球后的信息面板（距太阳距离、公转/自转周期）与自转轴】

我的体会：需求拆细，每轮一个点。AI 对单点需求的完成度远高于"大综合"需求；而且每轮改动小，错了也好回退。

阶段 3：嵌进自己的工作台

我的工作台（行政综合管理工作台：合同预警、督办看板、公文辅助等十几个模块）本身就是用 WorkBuddy 建的。这次我把太阳系做成了第 11 个模块，点侧栏"太阳系行星运行图"就能打开，工作台主体只胖了不到 4KB——那 9MB 的行星贴图只在打开模块时才下载。

这里踩了本轮最大的坑，下面单说。

阶段 4：发布分享

用"发布为应用"生成公开链接，可以直接发给同事朋友，双击即开。

太阳系行星运行图

三、踩坑记录（本篇最有价值的部分）

坑 1：水星被太阳"吞了"。 太阳画得太大，水星整条轨道都在太阳球体里面，看着就像被吞了。解决办法是把太阳的视觉半径从 10 缩到 4.5——必须小于水星近日点的真实距离。教训：可视化里的"相对大小"要拿真实数据边界核算，不能凭感觉。

坑 2：锁定模式下行星"倒着转"。 最初锁定模式是相机自己绕着太阳转，结果行星看起来在反向倒转——相机转速远大于行星的视运动速度。改成"相机固定在天顶俯视不动，公转动画完全来自行星自己的真实运动"，一眼就是标准的逆时针圆周运动。教训：想让 A 动，就别让 B 抢戏。

坑 3：嵌进工作台后黑屏，但"新窗口打开"正常。 排查半天链接都没问题，最后看浏览器控制台才发现：工作台页面有安全策略 frame-src 'self'，只允许加载同源 iframe，跨站链接被浏览器直接拦了。最终方案是把太阳系页面作为同源产物上传到工作台自己的目录，iframe 地址在运行时按页面自身位置自动推导。教训：嵌入失败先看控制台报错，别反复试链接——我一开始就在瞎试。

坑 4：中文文件名下载报 403。 拉取线上文件时，URL 里的中文必须编码，否则 CDN 直接拒。小事，但卡了我几分钟。

四、给非技术同学的三个提示词技巧

1. 先要计划再动手："请你先给出实现计划再动手写代码"——这一句话省掉至少一半返工。
2. 一次只提一个需求，哪怕是想"顺便把 XX 也改了"，也拆开说。单点需求的完成度明显更高。
3. 反馈 bug 要带现象："水星怎么被太阳吞了一半"比我描述十句几何关系都管用；能配截图更好。

五、成果

现在我的工作台侧栏最后一项就是太阳系：八大行星加月球、NASA 风格真实贴图、位置与本地时间同步、点击任意星球聚焦看自转和公转、顶栏"俯视锁定"一键俯瞰公转轨迹。公开链接放在评论区，欢迎体验，有问题也可以评论区聊。