企业官网建设流程全解析

大话不讲了。讲大话就是吹牛。讲小事，就是真实。越小越真实。

作为程序员，我没有设计能力，色彩搭配，间距，字体，交互，我都不算厉害，做出来的东西，一看就是程序员做的，很丑。所以，一直以来，我是找的美工先设计。自己写好原型，美工根据原型做好设计图。

这是原来的界面，

ppword里选择模型的界面，很丑。也不好用。这就是程序员能想到最好的界面了。但是随着模型的增多，甚至一个页面都放不下了。内容太多，一眼看过去眼花。于是，我截图给Gemini-3-pro，跟他说：

“帮我优化下这个选择模型的弹窗。 现在已经很多了，不好选择，后面可能会更多 用html写，我好预览”

如此简单一句话，给我写好了一个网页代码，让后，我预览这个代码，就能得到一个设计稿。

归类，搜索，关键词筛选，模型介绍，UI设计，都是它自己来的。相当于产品经理和美工的活。且干的很漂亮。

通常，美工在figma，mastergo，蓝湖等网站里给我设计图，我按他们的设计编写代码。

如今，我直接能查看Gemini-3-pro的设计，包括字体，css，间距等等。

到这里它某种程度上代替了部分产品经理和美工的活。

接下来，我继续，让他帮我生成以vue2，elementui为技术栈的代码。我打算让它 把我也代替掉。

1、告诉它我要预览，让他还是以html的格式输出，就是引入vue2和elementui的js即可。

2、同时，我把后端的 api里的数据给他，就是apipost里的返回。

如此，它给了我一个，我直接复制可以的代码。

大家可以看到，左边是elemetnui的el-dialog，右边是预览。也就是vue的代码，我直接预览。觉得可以了，就直接用。

整个代码，几乎没有改动，交给了Gemini-3-pro，并且在ppword上线。至此，产品经理，美工和程序员，三者在这个功能里，全部被替代了。

大家可以去ppword里去欣赏下AI的作品。

下面是我和Gemini-3-pro，开发这个功能的全过程。

ppwordppword.cn/#/share?shareId=7410998171855224832&model=gpt-5.1-codex-minihttps://link.zhihu.com/?target=https%3A//ppword.cn/%23/share%3FshareId%3D7410998171855224832%26model%3Dgpt-5.1-codex-mini