如何使用ai设计出好看的主题

前言

现在用 AI 做博客主题的博友越来越多。氛围确实很好。但是有个挺普遍的问题：真正看着舒服的并不多。

我也试过独立开发主题，到最后出来的页面老是差点意思——要么配色吵，要么元素挤，要么哪哪都对就是不好看。这篇就想聊聊，顺便介绍一个我最近发现的设计网站 StyleKit。

博客肯定还是服务于内容，我感觉主题变来变去最终都要转向极简留白风格，不紧凑、排版优雅，这种才适合阅读。

StyleKit

StyleKit 是一个开源的网页视觉风格库，目前已经收录了 148 种设计风格。每个风格都是一整套可以直接喂给 AI 的实现约束。

它的思路是「设计即约束」——每个风格都写清楚了「必须做」和「禁止做」，AI 拿到这份边界，才不会又变成充满ai味的“现代”渐变。

点进任意一个风格，能看到下面四样东西，这也是它比普通灵感站更有用的地方：

• Design tokens：把颜色、排版、间距、边框、阴影这些值整理成一套可复用的约束。
• AI Rules：明确的必须做与禁止做，帮 AI 保持住选定的视觉语言，不至于写着写着又回到默认样式。
• 组件配方：按钮、卡片、表单、导航这些基础组件的 React 与 Tailwind 实现，复制就能用。
• 可渲染示例：可以先看预览和完整 Showcase，判断这个风格到底适不适合自己的项目，再决定用不用。

怎么用

用法没什么门槛，大致就三步：

1. 先逛一遍风格目录，挑一个方向。
2. 进到风格详情页，看预览和 Showcase，确认是自己想要的感觉。
3. 把它的 AI Rules 导出，放到项目规则里，让 AI 在这个约束下生成代码。

之后再让 AI 改样式、加组件，它都会照着这套规范来，出来的东西是统一的。

我就比较喜欢这里面的一个极简扁平风，制作了我的个人主页 aimoyu.dev

最后

如果你设计出来的主题没有那种阅读舒适感，没有自己想要的感觉可以看看。这些设计多看看也有助于自己的设计审美。