我最近用 AI 写页面样式发现让 AI 写出好看大方样式最简单的方法,避免让它添加千篇一律的蓝紫色渐变,那种标题是蓝紫色的样式一看就是 AI 生成的,无一例外。
1 使用 shadcn/ui 作为组件库,写到一个页面架构的 rule 中。
2 在 tweakcn.com tweakcn 找你喜欢样式,这里推荐使用简约的颜色系统,我现在很喜欢的是 Claude tweakcn.com/editor/theme?t… 它直接使用了 Claude 的样式系统,非常简约大方的配色,作为应用的配色,tweakcn 中的 theme 非常多,足够你找到喜欢的。
3 如果觉得页面太单调,可以要求 AI 使用这个颜色系统中 Chart & Visualization Colors 中的颜色来生成特别的点缀,比如一些标题的渐变,一些 badges 等等,它们是用来展示图表的,颜色比较跳跃,很适合去做一些特殊的展示。
这种方式生成的页面,虽然不会特别惊艳,但是也不会有突兀的配色,对于一个普通产品来说已经足够简洁大方,也不用有设计师去微调,非常适合工程师去去完成。
1 使用 shadcn/ui 作为组件库,写到一个页面架构的 rule 中。
2 在 tweakcn.com tweakcn 找你喜欢样式,这里推荐使用简约的颜色系统,我现在很喜欢的是 Claude tweakcn.com/editor/theme?t… 它直接使用了 Claude 的样式系统,非常简约大方的配色,作为应用的配色,tweakcn 中的 theme 非常多,足够你找到喜欢的。
3 如果觉得页面太单调,可以要求 AI 使用这个颜色系统中 Chart & Visualization Colors 中的颜色来生成特别的点缀,比如一些标题的渐变,一些 badges 等等,它们是用来展示图表的,颜色比较跳跃,很适合去做一些特殊的展示。
这种方式生成的页面,虽然不会特别惊艳,但是也不会有突兀的配色,对于一个普通产品来说已经足够简洁大方,也不用有设计师去微调,非常适合工程师去去完成。