因为偷懒，AI给我做了个不及格的网站，我用两招补救回来

因为手上还有一个域名空着没用，所今天我想把它拿来做个简单的网站，后面如果用AI开发了什么东西，就可以放到上面去展示，也算是我的一个AI工具箱吧。

因为目前内容很少，以前做的大部分小东西我也不准备展示，所以这个网站目前一个页面就绰绰有余，因此我判断它是一个极其简单的小需求，随便来个AI都能轻松完成。

所以我准备偷个懒，跳过原型设计的步骤，也不用项目管理的Skill，直接跟Codex来简单介绍一下我的需求，只是让它去引用一下awesome-design-md里面的一个设计规范就行。

没想到，我稍微偷了一下懒，它就给我拉了一坨大的，最终结果出来居然就是这么一个傻呼呼的样子。

我对设计成这样很不满意，但是我儿子一直拉着我让我给他读绘本，我就只好先匆忙发到线上去了。

下午有了一点时间，我再看到这个网页，真是越看越不满意，决定重新按照“正规流程”给他改造一下。这里所谓的正规流程，其实就是我自己最近摸索出来的一个简单有效的步骤，能够让我做出各方面体验达到80分左右的产品。

第一步：用Google AI Studio重新设计原型。

我把上面的网页截图，顺便把网址也一起发给AI Studio，告诉他我对这个网站的设计很不满意，让他用HTML给我做个新的高保真原型。

大概来回出了四五个版本，就给出了一个让我感觉相对满意的，于是我就把这个原型HTML文件给下载下来放在电脑桌面上。

第二步：回到Codex，用Superpowers来管理修改过程。

把HTML原型文件直接拖到Codex的聊天窗口里，然后跟AI说用Superpowers来帮我推进这次设计的修改。

Superpowers是一个比较强大的Skill，相当于一个高级项目经理，之前我没用它就是嫌麻烦，因为它在项目开始之前会跟你确认很多问题，这样能够避免AI没有了解清楚情况就开始蛮干，导致返工。

我之前做小程序《小娃国学》的时候，就是我第一次用这个Skill，效果非常好，Superpowers先帮我把项目的需求整理清楚，然后自己制定计划，接着还拆分了任务，安排几个智能体自动执行，做完了还会自动测试。

这次是因为我感觉就这么一个单个HTML的网页，不需要当作一个项目来做，没想到就翻车了。

我回想自己以前学过的项目管理的流程，其实这是一个通病，很多人会觉得这个需求这么小，搞什么项目管理流程啊，没有必要，结果就是执行过程中翻车再翻车，小问题变大问题。

第三步：微调细节，重新上线。

这次果然一把就做到90%接近原型的效果，就是有几个小细节不到位，我让Codex调了一下，就重新发布上线了。

整体效果有明显提升，虽然依然是一个内容很少的页面，但是至少看起来没有过分简陋了。

我总结一下，以后用AI做东西，无论项目大小，该有的准备工作和流程最好不要少，否则效果达不到要求，最终花费的时间只会更多。