MintChats / Published with MintChats

AI 做的网页,为什么总像同一个模板?

October 26, 2026491 characters

AI 做的网页,为什么总像同一个模板?

居中大标题、下面三张卡,再换个配色。品牌换了,页面却没什么记忆点。

可以试试 Anthropic 的 frontend-design,Codex 也能用。它要求 AI 在写代码前先定设计方向:用什么字体、配色和布局,靠哪个视觉元素让人记住,而不是直接往页面里堆组件。

看这组音乐节官网:同一套文案和素材,常规方案把标题、主图、阵容依次摆好;另一版把“折频”两个字错位排开,让金属环成为视觉中心,再用独立色块承接票务信息。整个页面有了统一的海报感。

我觉得最值得借鉴的,是先把设计方向说清楚,再动手写。做活动页、作品集、品牌官网时,别只让 AI “做得高级一点”,可以直接给它这段要求:

“使用 frontend-design。先给出配色、字体、布局和一个核心视觉元素,再实现页面。保留必要交互,适配手机,最后截图检查。”

这组是设计示例,不是独立盲测,不能保证每次加技能都会更好看。

来源:https://github.com/anthropics/skills/tree/main/skills/frontend-design