校友的“美容”计划：我用 Gemini 为母校学院网站做了个“微整形”

今天，单位来了位新同事，一问，竟是我的直系师弟——同样毕业于母校中医药大学，连学院都一模一样，只不过学院的名字已悄然换了新颜。

聊起母校，心头一暖，也突发奇想：学院网站如今长啥样了？点开那个熟悉的网址，界面跳出来的瞬间，我沉默了，12 年毕业的我已经向前走了很远很远，但是网站的时间仿佛停滞了，在 2026 年的当下显得老态龙钟。

心血来潮，我决定给学院的网站来个“AI 美容美发”套餐，主打一个自己动手丰衣足食。

第一回合：从“截屏”到“初稿”，AI 的“素人改造”

我直接薅来了腾讯的 CodeBuddy（搭载 Gemini-3.0-flash） 当主力。操作简单粗暴：

1. “诊断”：把老版网站截图丢给 AI，命令它：“分析这个页面，给我输出一份详细的产品需求文档（PRD），指出问题，提出现代化改进方向。”
2. “初诊方案”：AI 迅速反馈，列出了排版拥挤、色彩体系陈旧、视觉动线混乱等“症状”，并给出了初步“药方”。
3. “首次上药”：我接着用 Claude Sklls 中的 frontend-design技能（页面美化），根据 PRD 让 AI 生成了新版页面。

效果？嗯……只能说，从“陈旧”提升到了“普通人水平”。规整是规整了，但总觉得少了点灵魂，像套了个标准化模板，与中医药大学应有的文化气韵、学术深度不太搭。

第二回合：寻找“美学标杆”，实现“优秀跃迁”

我意识到，问题出在“审美基准”上。国内高校网站和国外简约风路线不同，需要兼顾信息密度、学术庄严与视觉美观。于是，我给 AI 下了新指令：

“别参考国外的了，帮我找找国内顶尖的、设计感突出的大学网站，要漂亮、有魅力、信息呈现优秀的。”

AI 很快筛选出一批国内高校网站的“颜值担当”。我从中 pick 了一个在设计、布局、气质上都堪称标杆的案例，再次交给 AI：

“仔细分析这个网站的设计语言、色彩体系、布局逻辑和细节处理，然后，模仿它的高级感，为我们学院网站进行重构优化。”

这一次，成果令人眼前一亮！AI 抓住了标杆网站的精髓——清晰的视觉层次、和谐的配色、富有呼吸感的排版，并将中医药的文化元素（如古典纹样、沉稳雅致的色彩）巧妙地融入现代界面中。信息一目了然，观感端庄大气，终于有了“优秀网站”该有的样子。

惊喜彩蛋：让 AI 当“评委”，客观验证“优秀”

这“优秀”可不是我自封的。为了更客观，我又让 AI 扮演了一回“设计评审专家”：

“请你先制定一套评价高校学院网站的设计标准（涵盖美观性、实用性、信息传达、品牌契合度等维度），然后，用这套标准，客观评价我刚得到的这个新版设计。”

AI 严谨地列出了各项指标，并逐项打分分析。最终结论是：新版设计在各项维度均表现突出，综合评分确已达到“优秀”等级。这下，我心里的石头才算落了地。

一点点心得：把 AI 用好，关键在“引导”与“基准”

这场小小的“美容实验”让我感触颇深。AI 是强大的生产力工具，但如何让它从“能干”变得“卓越”，关键还在使用它的人：

1. 清晰的指令是起点：从“分析问题”到“生成方案”，明确的指令能让 AI 不走偏。
2. 提供正确的“基准”是关键：第一次的普通，是因为 AI 只理解了“现代化”；第二次的优秀，是因为我给了它一个具体的、高水平的“美学榜样”。审美需要锚点。
3. 善用其“多角色”能力：让 AI 既当“设计师”，又当“产品经理”，还能当“评审专家”。多角度利用，能验证成果，也能梳理思路。

技术赋能情怀，也许就是这么简单。一次心血来潮的尝试，不仅让记忆里那个陈旧的页面焕然一新，更像是一次与母校的隔空对话——用我们这代人熟悉的方式，为她点缀一丝新意。

或许，这就是数字时代校友情的另一种表达吧。