【开源】ui-aesthetics：一个提升 AI 审美的skill
- 内容介绍
- 文章标签
- 相关推荐
本帖使用社区开源推广，符合推广要求。我申明并遵循社区要求的以下内容：
- 我的帖子已经打上 开源推广 标签： 是
- 我的开源项目完整开源，无未开源部分： 是
- 我的开源项目已链接认可 LINUX DO 社区： 是
- 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是
- 以上选择我承诺是永久有效的，接受社区和佬友监督： 是
以下为项目介绍正文内容，AI生成、润色内容已使用截图方式发出
项目地址
GitHub - kasonye/ui-aesthetics-skill: A skill that improves AI aesthetic judgment for...
A skill that improves AI aesthetic judgment for web UI generation, review, and refinement.
项目背景
虽然 AI Coding 已经很强，但在 UI 审美上仍然容易模板化、同质化，甚至带着明显的“AI 味”。
ui-aesthetic 是什么
这个 skill 是通过将产品级 UI 设计中的审美规律结构化为提示、评审标准和重构路径，提升 AI 的审美判断，减少廉价感和样式堆砌，让界面更协调、更有质感。
效果图
示例使用的 Prompt：
用仓库的skill写一个产品介绍页，配色要亮眼能够吸引人，要有一点动画和光效，有立体感。
由 Codex + GPT-5.4 生成
a4c7009714af1e45d186536cb6f1841d1898×911 106 KB
由 Claude Code + MiniMax M2.7 生成
015945bad92a933e852e0ac113e576a21900×911 87.5 KB
由 Claude Code + Claude Opus 4.6 生成
e1790b849bd5e9c104a46553add48ee42540×1271 130 KB
由 Claude Code + GLM-5.1 生成
62c65e288e61a1b43aa0c25327ebd09a2537×1240 105 KB
欢迎佬友们来使用，如果好用求求佬友们给个星星Star。如果有什么想法和建议也欢迎佬友提出和讨论。
网友解答：--【壹】--：
支持一下，一直找合适的ui设计方面的skill，这个要试试
--【贰】--：
配色的问题可以用提示词来优化，只要告诉ai页面的主色调用什么就能避免它默认用紫色（可能紫色也算是亮眼的颜色）。不过我测试的时候没有特地去用提示词规定AI的主色调，就是想看看用默认最简短的提示词这个skill能有什么效果。感谢佬友的建议，我会在后面的版本继续改进一下。
--【叁】--：
感谢佬友分享，star + 1,可以用来丰富一下ui-pr-max，哈哈，交替使用
--【肆】--：
第一个和第四个是最好看的
其他两个的配色还是AI味道
--【伍】--：
圆角毛玻璃风格一眼高级，而且越有苹果味越好看
--【陆】--：
这个skill只是聚焦在AI的审美上，让AI把UI去做精致，AI的设计爱好在第一个版本是没有去干涉的（比如gpt喜欢卡片化）。而ui-ux-pro-max 更像是一个UI知识库，有大量的风格、配色、字体、图表。
--【柒】--：
cx能做成这个效果的ui挺不错的了h，这个skill和ui ux pro的具体区别是什么呢～
--【捌】--：
支持佬，以后自己开发可以用上，不想再看到渐变色啦
--【玖】--：
都不用看字，只需要看图就知道第一个是gpt ，不知道为什么GPT那么喜欢用卡片
--【拾】--：
可以可以，之前用那个ui ux什么的，感觉比直接用gpt好，感觉佬友这个更好
本帖使用社区开源推广，符合推广要求。我申明并遵循社区要求的以下内容：
- 我的帖子已经打上 开源推广 标签： 是
- 我的开源项目完整开源，无未开源部分： 是
- 我的开源项目已链接认可 LINUX DO 社区： 是
- 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是
- 以上选择我承诺是永久有效的，接受社区和佬友监督： 是
以下为项目介绍正文内容，AI生成、润色内容已使用截图方式发出
项目地址
GitHub - kasonye/ui-aesthetics-skill: A skill that improves AI aesthetic judgment for...
A skill that improves AI aesthetic judgment for web UI generation, review, and refinement.
项目背景
虽然 AI Coding 已经很强，但在 UI 审美上仍然容易模板化、同质化，甚至带着明显的“AI 味”。
ui-aesthetic 是什么
这个 skill 是通过将产品级 UI 设计中的审美规律结构化为提示、评审标准和重构路径，提升 AI 的审美判断，减少廉价感和样式堆砌，让界面更协调、更有质感。
效果图
示例使用的 Prompt：
用仓库的skill写一个产品介绍页，配色要亮眼能够吸引人，要有一点动画和光效，有立体感。
由 Codex + GPT-5.4 生成
a4c7009714af1e45d186536cb6f1841d1898×911 106 KB
由 Claude Code + MiniMax M2.7 生成
015945bad92a933e852e0ac113e576a21900×911 87.5 KB
由 Claude Code + Claude Opus 4.6 生成
e1790b849bd5e9c104a46553add48ee42540×1271 130 KB
由 Claude Code + GLM-5.1 生成
62c65e288e61a1b43aa0c25327ebd09a2537×1240 105 KB
欢迎佬友们来使用，如果好用求求佬友们给个星星Star。如果有什么想法和建议也欢迎佬友提出和讨论。
网友解答：--【壹】--：
支持一下，一直找合适的ui设计方面的skill，这个要试试
--【贰】--：
配色的问题可以用提示词来优化，只要告诉ai页面的主色调用什么就能避免它默认用紫色（可能紫色也算是亮眼的颜色）。不过我测试的时候没有特地去用提示词规定AI的主色调，就是想看看用默认最简短的提示词这个skill能有什么效果。感谢佬友的建议，我会在后面的版本继续改进一下。
--【叁】--：
感谢佬友分享，star + 1,可以用来丰富一下ui-pr-max，哈哈，交替使用
--【肆】--：
第一个和第四个是最好看的
其他两个的配色还是AI味道
--【伍】--：
圆角毛玻璃风格一眼高级，而且越有苹果味越好看
--【陆】--：
这个skill只是聚焦在AI的审美上，让AI把UI去做精致，AI的设计爱好在第一个版本是没有去干涉的（比如gpt喜欢卡片化）。而ui-ux-pro-max 更像是一个UI知识库，有大量的风格、配色、字体、图表。
--【柒】--：
cx能做成这个效果的ui挺不错的了h，这个skill和ui ux pro的具体区别是什么呢～
--【捌】--：
支持佬，以后自己开发可以用上，不想再看到渐变色啦
--【玖】--：
都不用看字，只需要看图就知道第一个是gpt ，不知道为什么GPT那么喜欢用卡片
--【拾】--：
可以可以，之前用那个ui ux什么的，感觉比直接用gpt好，感觉佬友这个更好