胡彦斌花了一个多月，用AI编程从零手搓，为他的粉丝做了个互动社区APP。

相信各位也尝试过使用Codex、ClaudeCode、Trae等工具，来从零vibe coding出自己的网站、应用。自己去规划设计各种想实现的功能。

像这样，通常它会有一个大标题、几个项目卡片。似乎结构完整，看起来也没什么大问题。

但总感觉经常见到，似乎用AI设计的前端界面都像这样。

一股浓浓的AI味，毫无特点。虽然完成了要求的功能，但没有丝毫想让人看的欲望。

除了进一步优化提示词，有没有什么工具可以改善这一点呢？

愁苦之时，突然想到，最近浏览GitHub热榜时，发现了不少改善AI前端设计的Skill。

打开GitHub，重点看了其中三个高星收藏的项目：UI UX Pro Max、Taste和Impeccable

发现它们给AI Agent增加了一套更具体的设计规则、审美标准和检查流程。

于是我下载了这几个skill，逐个使用，看看它们怎么改进我原本的网页。

UI UX Pro Max：让网页不再是一个个模块堆叠

我先用了UI UX Pro Max，毕竟它最早发布，用的人也更多。

其定位很明确，就是给AI编程助手补一层UI/UX设计能力。

它内置了很多设计知识库，有57种UI风格、95套配色等等。

最近，它还更新了设计系统生成功能，可以根据项目需求生成一套完整的设计系统。

直接在终端输入：

npm install -g uipro-clicd /path/to/your/projectuipro init --ai codex #这里用Codex，也可以换成Claude Code、Cursor、Windsurf、Codex CLI、Gemini CLI等

也可以去其GitHub下载。

https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

我安装后，把Codex最初生成的版本交给UI UX Pro Max，让它先做一次整体分析，然后针对性修改。

改完之后，我发现页面有了比较明显变化。

各个板块有了主次，配色、字体和间距也更统一，有了更清晰的UI设计。

如果你的网页还停留在一个个模块堆叠的阶段，UI UX Pro Max确实能帮你先把结构搭起来。

Taste：让网页更有审美

Taste在这周稳居github热榜前10。

它把自己称为面向AI Agent的Anti-Slop Frontend Framework，目标是阻止Codex等工具生成普通、模板化的前端页面。

这个定位非常适合想要尝试Vibecoding的广大普通用户：只需简单几行描述，就能有效提高设计审美，友好而有效。

其官网：

https://www.tasteskill.dev/

Taste有多个Skill。比如默认的design-taste-frontend会读取需求，推断设计方向，并生成不那么模板化的界面；gpt-taste是面向Codex的更严格变体，会加强布局变化和动效方向；redesign-skill则针对已有项目的视觉审查和重设计。

想要安装某个指定的skill，可以输入：

npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"

如果你想使用完整的功能：

npx skills add Leonxlnx/taste-skill

我安装后，在codex里使用gpt taste来把UI UX Pro Max修改后的版本交给它，让它做一次简单的审美检查与修改，帮路人甲个人网站增强风格。

改完之后，明显能发现视觉层面的效果更好了。字体优化了，背景有了动效，整体设计更好了。

当然这里只是简单尝试，taste本身上限很高。网友们就依靠其去模仿各种优秀设计，设计出了自己的高级感网页。

Impeccable：收尾与走向成熟

Impeccable和Taste有相似之处，其官网介绍都在反对泛化、模板化的AI前端。但前者更像一个完整的前端设计语言工具包。

它不仅关注审美，也看交互、可访问性、排版细节等面向最终展示的关键点。

Impeccable的内容十分丰富，其包含7个具体领域与多个实用指令。

它适合做更接近最终成熟产品的前端界面。常见用法：用craft来构建组件，用teach建立项目上下文，用extract把可复用模式提取成设计系统。

安装：

npx skills add https://github.com/pbakaus/impeccable --skill impeccable

经过之前几步UI UX Pro Max和Taste的调整，我的网站已经有了基础结构和审美方向。这时候如果继续大改，反而可能越改越乱。

所以我让Impeccable做了最终成熟度检查，让它对网站做一次上线前UI质检，最终效果：

我明显感觉到，更贴近我真实访问当今的成熟网站的感受。

比如卡片悬停时有轻微反馈、标签和链接的视觉语言更统一、交互状态更完整等等。

各位也可以去GitHub官网探索更多细节：

github.com/pbakaus/impeccable

AI时代，人人都是设计者

当下，用AI做应用、网页的门槛正在降低。人人皆可Vibe Coding。

以前做一个个人网站，你要会HTML、CSS、React、部署，还要懂一点设计。

现在，Codex、Claude Code这类工具已经可以很快生成一个能跑的页面。

但想要你制作的产品更加有设计感，更加有吸引力，还需要善用Skill。

如果你最近也在Vibe Coding，想做一个自己的个人网站，不妨试试这三个Skill。

一轮轮改结构、改审美、改细节。

让你的产品既有好用的功能，也有好看的外观。

看着你心中的想法，在一次次敲击键盘中逐渐实现时，会感到越来越充实、满足。

我相信这是当下Vibe Coding最为重要的意义。