使用AI Agent尝试重构我的网站

前言

说实话，博客设计从2.0版本更新到现在，已逐渐趋于平稳，虽然总感觉差点意思，但是又很难有一些大的改变。由于本人没有设计经验，对于网站的设计也全是吸收了国内外一些优秀的网站设计杂糅而成的，这就导致网站初期风格非常的杂乱，也是经过了多轮的发展才形成现如今风格相对统一的样子，为了尽可能的统一风格也是舍弃了很多元素。但是我总感觉现在的设计太过规整，很难有让人惊艳的感觉。

想法

之前就一直想着利用AI打破原有的设计，但是输出的效果一直不是很满意，虽然输出的界面也不算丑吧，但是总感觉设计感甚至还不如我之前自己写的。

实践

最近随着SKILL技术的出现，以及大模型性能的提升，我又进行了尝试。

下面就是我用gemini 3.1pro首次生成的效果：

说实话，并不是很惊艳。所以我又在此基础上使用同样的SKILL和提示词，使用glm5再次进行了尝试：

初看很惊艳。

然后我又让其重构了专栏界面：

emmm，感觉还不错。

再看下gemini 3.1pro重构的友链界面：

问题

通过上面几个界面的效果截图，不知道大家有没有看出来AI Agent生成的界面都或多或少有一些问题，首先使用glm生成的界面会存在响应式和夜间模式未适配的问题，而用gemini生成的界面基本都存在z-index层级问题。

这些其实都是小问题，最难受的还是token额度消耗过快的问题。用 Agent生成界面，很难一次对话就得到满意的效果，往往需要好几轮的对话调整。

而我用的是谷歌的反重力编译器，一般我会先使用claude opus4.6模型，但是这个模式token消耗量实在是太快了，往往一个还没生成一个令我满意的界面，token就耗完了，gemini模型token额度会稍微多一点，但是也并不够用，往往两天时间我就把一周的token量用完了。

所以就只能退而求其次先用gemini3.1或者opus4.6重构界面，然后再用glm5或者kimi2.5优化界面（就我个人而言，kimi2.5前端生成能力略逊于glm5)。

看下首页界面生成的效果：

上面的landing部分是使用gemini生成的，下面的数据部分则是使用glm生成的

而glm和kimi也有一个问题，如果你不指定风格的话，这两个模型很喜欢玻璃拟态风格，这其实也不是什么大问题，最大的问题其实还是这两个模型使用多了会降智：

所以其实我在写这篇文章的时候，已经尝试使用AI Agent重构网站过去好几周了。

下面是我截取了一些针对分类界面，同一个提示词，多个不同的对话生成的效果：

大家可以猜下上面这几个界面哪些是用glm5和kimi2.5生成的，哪些是用gemini3.1和opus4.6生成的，其实我感觉差别还是很明显的。

写在最后

现阶段来看，使用AI Agent完全重构我现在的网站其实最大的问题还是token不够用和耗时间成本过大。我花了好几周的时间，才让几个界面的效果达到差不多满意的水平。不过，这些重构后的效果也给了我很多灵感。接下来，我打算把一些不错的设计整合起来，再对我的网站进行一次全面的重构。