降低开发成本的方法分享，三小时零基础AI编程做产品

每次刷朋友圈，看到有人晒“接了个小单，轻松入账几千”的截图，我这颗蠢蠢欲动想搞副业的心啊，真是又酸又痒。可咱一个非技术出身的，光看那些“HTML”、“CSS”、“JavaScript”的字母组合就头大，更别说自己动手写代码了。门槛？那简直是喜马拉雅山！

上周这事儿，说来还有点搞笑。市场部的同事，风风火火地冲到我工位跟我说：“哥！快快快，参考这个活动页，明天上线！预算一杯奶茶”我一看，好家伙，一张模糊的截图，外加他在画图软件里歪歪扭扭画的几个框框，这就是“设计稿”了？搁三个月前，我肯定得连夜抱着教程骂娘，或者厚着脸皮去求技术部的兄弟。但这次，我脑子里蹦出个念头，试试那个最近吃饭总听技术部同事聊起的文心快码？

一张糊图开道，三小时出成品

说实话，当时心里完全没底。需求倒是不复杂，就一个单页的活动预告，要个醒目的大标题、活动时间地点、几个亮点介绍，再加个报名按钮。可问题是，我连个正经设计图都没有...手上就两张“参考物”，一张是手机拍的竞品网页，糊得看不清细节；另一张是我自己用画图工具随便涂鸦的分区示意图，丑得我自己都嫌弃。

抱着死马当活马医的心态，我打开了文心快码。一股脑把那两张“灵魂设计稿”传了上去。然后在输入框里，尽量用大白话描述：“参考这两张图的感觉，生成一个单页网页，主色调要蓝色，整体风格简洁大气点就行。”

结果真有点出乎意料，大概也就十分钟左右吧，它真的给我“吐”出来一份完整的HTML和CSS代码！我赶紧在浏览器里打开预览，嘿，框架搭得有模有样！大标题的字体大小会自己适应屏幕，时间和地点清清楚楚分两行排着，几个亮点用列表展示出来，间距看着挺舒服，报名按钮是蓝底白字，鼠标放上去还会变亮一点，正是我想要的那种清爽感觉。

剩下的两个多小时，我基本就泡在文心快码那个编辑器里了。市场部同事中途又跑来，说“立即报名”太普通，要改成“抢先占座”！要在以前，改个按钮文字我都得翻半天教程找对应代码在哪。现在？直接在编辑器里输入要求，把“立即报名的按钮改成抢险占座”，完事儿！还顺手要求调整了一下介绍栏的高度，让它看起来更协调。整个过程，真的没碰一行代码，感觉就像在指挥一个特别听话、效率奇高的虚拟前端，我说啥它立马就改啥，即便是不懂专业术语，说两句大白话，改改提示词，它也能懂。

这个临时赶工的网页，当天晚上就挂上去了。这事儿之后，我对AI编程工具是真服气了。