AI 做前端总是一股”模板味”？这个 Skill 让你告别 AI 垃圾美学

用 AI 做前端，最怕的是什么？

不是代码跑不起来，是跑出来一看——全是那种熟悉的”AI 味儿”。

紫色渐变背景、玻璃拟态卡片、千篇一律的 Inter 字体、左右图文布局……你一看就知道，这是 AI 吐出来的。

Kintsugi Designer 就是来解决这个问题的。

这个 Skill 干什么

来自 jmkelly/kintsugi 仓库的 designer Skill，核心目标只有一个：让 AI 生成的前端界面看起来像真人设计师做的，而不是模板套娃。

它的使用场景：
– 搭一个落地页，完全没有设计思路
– 想给现有界面升个级，但不知道怎么下手
– 让 AI 帮你做设计稿，而不是只会写 HTML

只要你需要做任何视觉类界面——落地页、Dashboard、组件、卡片、表单——都可以触发它。

它和普通前端 Skill 有什么区别

市面上的前端 Skill 大多在讲”怎么写正确的代码”：Tailwind 怎么配、响应式怎么做、组件怎么拆分。

Kintsugi Designer 不走这条路。它上来先问三件事：

1. 你要做什么产品？ 目的、受众、情绪基调是什么
2. 设计方向是什么？ 极简、复古未来感、杂志风、还是野兽派
3. 怎么让它有辨识度？ 不是好看就行，是要不一样

然后它会给你一整个视觉系统，而不仅仅是一个代码片段。配色体系、字体层级、动效节奏、留白逻辑，全部覆盖。

怎么用

npx skills add https://github.com/jmkelly/kintsugi --skill designer

在 Claude Code / Cursor 里直接说”帮我设计一个关于 XXX 的落地页”，它就会自动调用这个 Skill。

或者直接去 SkillsMP 页面查看详细文档：
👉 https://skillsmp.com/creators/jmkelly/kintsugi

适合谁

• 独立开发者：不想在设计上花太多时间，但又不想界面看起来太 Low
• AI 编程用户：已经用上了 Claude Code / Cursor，但输出总是不够有设计感
• 产品经理：需要快速出设计稿跟团队沟通

说白了，这个 Skill 不是教你写代码，是教你像设计师一样思考——然后让 AI 去执行。

GitHub 链接：
https://github.com/jmkelly/kintsugi

GitHub: https://github.com/jmkelly/kintsugi