不是调数据,是排座位。
企业名单拉出来,按行业分类塞到A区B区C区D区——听起来简单对吧?做起来就是另一个故事了。企业分类完了编号怎么排?编号排好了位置怎么分?位置分好了打出来又发现某个区的企业数量跟区域面积对不上。
每次我都在Excel上拖来拽去,改单元格背景色,调列宽行高,手动对齐。搞完一张分布图,眼睛花了、脖子酸了,结果下一年还得重来——
企业变了,分类变了,场地布局也变了。
那时候我想的是:这事能不能让AI干?
第一步应该确保“先能用”
然后,我花了大概半个小时的时间,用Codex做了一个单文件HTML工具。浏览器双击打开,不用装任何东西。效果就是,现在我排一次图的时间,从两天缩短到了不到一个小时。
说实话,最开始我也不知道怎么搞。我只会用Excel,连前端都没碰过。
但我手里有之前做的Excel文件和排版好的分布图图片。我就把它们一起丢给了Codex。
第一句就很直白:让它用HTML1:1复刻分布图。
Codex还真干出来了。第一版挺粗糙的——卡片是卡片,但全挤在一起,不能拖动,也不能调整。
但至少,数据出来了。
不断迭代才能让功能越来越丰富
因为我自己也不知道这种排版工具应该有什么功能,而且这个也不是什么大项目,所以也懒得去写好文档再开发,所以只能是第一个版本出来以后,再不断迭代优化。
刚才的版本只是一个“中看不中用”的版本,所以接下来就是几轮的迭代。
磁吸是我最想要的一个功能。
我告诉Codex:加个磁吸,拖拽的时候自动对齐。
它加上了。网格线、相邻摊位、区域排位点,都能吸附。默认20px的网格,18px的对齐阈值。
拖过去的那一刻,是真的舒服了。
那些年我手动对齐了几十张卡片,每次都要放大到200%然后眯着眼对。现在好了,拖过去就行了,啪一下吸住了。
后来我发现,我可以加更多
有了磁吸,我开始上瘾了。每多一个功能,就多一分“原来可以这样”的感觉。
一键智能排位——选择区域,设好每列几个、间距多少,把企业编号一粘贴,所有卡片自动排好。
自动分类——企业名单里有“摊位号 企业名称 类别”三列。生产与技术类去A区,财务文员类去B区,教育运营类去C区,管理业务类去D区。导入后自动识别,自动分配到对应区域。
导入导出——保存到浏览器本地,下次打开直接续上。导出成PNG、PDF,或者直接下载一个完整的HTML文件,带着编辑状态。
冲突检测——编号重复、摊位重叠、超出分区,都有提示。这个功能是后来加的,因为有一次真的手滑把两个摊位叠在一起了,导出PDF才发现。
我发现我几乎没写代码
整个工具开发过程,我做的事只有:
磁吸怎么实现的?我不知道。画布的仿射变换和碰撞检测算法,是Codex自己写的。SVG的原生操作(createElementNS),我也没碰过。
我唯一做的事就是:知道我要什么,然后反复跟AI描述清楚。
我踩过的坑
工具不是一次就做对的。过程中有两个坑,我想单独拿出来说一下。
第一个坑:工具选错了,半天白干。
把图片1:1复刻成HTML——这件事看起来简单,实际上只有Codex能一把过。
我试过GLM 5.1。不行。试过MiniMax 3。不行。试过Kimi 2.6。也不行。出来的东西大概方向是对的,但细节全丢——间距不对,颜色偏了,分区位置错位。改吧,得从头描述;不改吧,没法用。



来来回回换了三个模型,折腾了大半天。
最后换到Codex,一把就出了跟原图一模一样的效果。颜色、间距、分区、舞台位置,全对。

这事给我的教训就是:工欲善其事,必先利其器。做图转HTML这种事,不是每个AI都擅长。你花在选工具上的时间,绝对比你花在一个烂工具上修修补补的时间值。
第二个坑:没上Git,差点翻车。
因为这个是非常简单的一个小工具,所以我在开发过程中压根没有想着上Git,觉得应该很快就可以搞定的。但是强如Codex,也出现改崩了一个新功能——我把”冲突检测”加上去,结果旧的磁吸对齐不生效了。
退不回去。因为没做版本管理。每一次都是直接覆盖保存,没有提交记录,没有分支。
这的确挺麻烦的,如果要回滚到之前的版本,我只能凭记忆重来。
还好那一次Codex自己修复了。但那次之后我立刻上了Git,哪怕只是一个本地仓库,每次改动前先 git commit,坏了就回滚。
后来加”编辑打印区域”功能的时候,果然又改崩了一次。这次用了三秒钟就恢复了。那种感觉——不慌。
如果你也在用AI搭工具,Git不是可选项,是刚需。AI改起代码来比人快十倍,翻起车来也比人快十倍。
最大的感悟
不是“AI真厉害”。这个大家都知道。
是我发现自己以前太保守了。我以为这些事情就只能用Excel做,因为大家都是这么干的。换个方式不一定更好,而且我也不会写代码。
但AI让“不会写代码”这件事不再是障碍。
你不需要知道怎么实现磁吸,你只需要说“加个磁吸功能”。你不需要知道什么是SVG的仿射变换,你只需要说“拖拽的时候要平滑”。
关键不是你会什么,而是你想要什么。
你的工作流程,是时候需要利用AI进行重新构建。