【开源】ui-aesthetics:一个提升 AI 审美的skill

本帖使用社区开源推广,符合推广要求。我申明并遵循社区要求的以下内容:

  • 我的帖子已经打上 开源推广 标签: 是
  • 我的开源项目完整开源,无未开源部分: 是
  • 我的开源项目已链接认可 LINUX DO 社区: 是
  • 我帖子内的项目介绍,AI生成、润色内容部分已截图发出: 是
  • 以上选择我承诺是永久有效的,接受社区和佬友监督: 是

以下为项目介绍正文内容,AI生成、润色内容已使用截图方式发出


项目地址

项目背景

虽然 AI Coding 已经很强,但在 UI 审美上仍然容易模板化、同质化,甚至带着明显的“AI 味”。

ui-aesthetic 是什么

这个 skill 是通过将产品级 UI 设计中的审美规律结构化为提示、评审标准和重构路径,提升 AI 的审美判断,减少廉价感和样式堆砌,让界面更协调、更有质感。

效果图

示例使用的 Prompt:
用仓库的skill写一个产品介绍页,配色要亮眼能够吸引人,要有一点动画和光效,有立体感。

由 Codex + GPT-5.4 生成

由 Claude Code + MiniMax M2.7 生成

由 Claude Code + Claude Opus 4.6 生成

由 Claude Code + GLM-5.1 生成

欢迎佬友们来使用,如果好用求求佬友们给个星星Star。如果有什么想法和建议也欢迎佬友提出和讨论。


2026.4.14:更新了v1.1.0版本,提升了codex对非卡片式UI的设计能力,不再执着大圆角和卡片。

61 个赞

支持一下,一直找合适的ui设计方面的skill,这个要试试

1 个赞

支持佬,以后自己开发可以用上,不想再看到渐变色啦

1 个赞

第一个和第四个是最好看的
其他两个的配色还是AI味道

1 个赞

配色的问题可以用提示词来优化,只要告诉ai页面的主色调用什么就能避免它默认用紫色(可能紫色也算是亮眼的颜色)。不过我测试的时候没有特地去用提示词规定AI的主色调,就是想看看用默认最简短的提示词这个skill能有什么效果。感谢佬友的建议,我会在后面的版本继续改进一下。

都不用看字,只需要看图就知道第一个是gpt ,不知道为什么GPT那么喜欢用卡片 :joy:

3 个赞

cx能做成这个效果的ui挺不错的了h,这个skill和ui ux pro的具体区别是什么呢~

这个skill只是聚焦在AI的审美上,让AI把UI去做精致,AI的设计爱好在第一个版本是没有去干涉的(比如gpt喜欢卡片化)。而ui-ux-pro-max 更像是一个UI知识库,有大量的风格、配色、字体、图表。

1 个赞

可以可以,之前用那个ui ux什么的,感觉比直接用gpt好,感觉佬友这个更好

圆角毛玻璃风格一眼高级,而且越有苹果味越好看

感谢佬友分享,star + 1,可以用来丰富一下ui-pr-max,哈哈,交替使用

支持支持,一直在找这样的shills,ai的大色块设计太丑了