我用ui-ux-pro-max-skill，生成了十几套绝美UI通过本文的介绍，你学会了如何用 **CodeBuddy

前言

学长作为后端（直男审美），

往往都在 UI 犯难，

好产品没有 好皮囊，

终究不是 好产品，

以前需要打磨一个好看的 UI，

需要 专业设计师 才能做，

现如今我发现了神器：

ui-ux-pro-max-skill，

今天学长就 只花了一下午，

生成了数十套 绝美UI，

当然，授人以鱼不如授人以渔，

本文会教大家如何借助 ui-ux-pro-max-skill 生成绝美UI。

文中含有提示词库，当然最好自行实操。

具体实现

我们先访问 ui-ux-pro-max-skill 官网：

官网中含有大量 UI 参考案例，我们可以挑选自己喜欢的样式，直接复制 提示词：

复制提示词：

此时，我们需要改造提示词，我们可以借助别的 AI 工具，学长选择千问，输入以下提示词：

Create a warm restaurant landing page with vibrant food photography, menu preview, reservation system, chef story section, and location map. Use appetizing warm colors. 改写这个提示词，我要做一个个人生活日记的网站，记录个人平时的美食、旅游、工作、运动等，返回英文提示词。

上述返回的提示词，我们需要再优化为 任务提示词，如下：

使用skill：npx skills add nextlevelbuilder/ui-ux-pro-max-skill，

Create a cozy personal life journal landing page with vibrant lifestyle photography (food adventures, travel moments, work reflections, fitness journeys), categorized memory preview, quick-entry journal button, "My Journey" storytelling section, and an interactive memory map. Use comforting warm colors: creamy beige (#f8f4e9), soft terracotta (#e07a5f), muted sage (#81b29a), and warm charcoal (#3a3b3c). 

最终生成的文件名叫个人空间。

**CodeBuddy **打开一个空目录：

紧接着，选择 PLAN 模式，并输入以下提示词：

具体案例

重复上述操作，学长生成以下几个案例界面（文末含源码获取方式~）

萌宠美容

提示词模板：

使用skill：npx skills add nextlevelbuilder/ui-ux-pro-max-skill，
Build a landing page for a pet grooming service. Playful and friendly style, with booking CTA.
最终生成的文件名叫宠物网站。

界面效果：

财智记

提示词模板：

使用skill：npx skills add nextlevelbuilder/ui-ux-pro-max-skill，
Create an intuitive personal finance tracker landing page with soft glassmorphism design, multi-account management showcase, privacy-focused features, real-time expense preview, and sign-up CTAs. Use a calming dark theme with mint (#4ade80) and amber (#fbbf24) accents.
最终生成的文件名叫个人记账网站。

界面效果：

生活日记

提示词模板：

使用skill：npx skills add nextlevelbuilder/ui-ux-pro-max-skill，
Create a cozy personal life journal landing page with vibrant lifestyle photography (food adventures, travel moments, work reflections, fitness journeys), categorized memory preview, quick-entry journal button, "My Journey" storytelling section, and an interactive memory map. Use comforting warm colors: creamy beige (#f8f4e9), soft terracotta (#e07a5f), muted sage (#81b29a), and warm charcoal (#3a3b3c).
最终生成的文件名叫生活日记。

界面效果：

趣学乐园

提示词模板：

使用skill：npx skills add nextlevelbuilder/ui-ux-pro-max-skill，
Create a playful educational platform landing page with claymorphism cards, course catalog preview, progress tracking demo, student testimonials, and enrollment CTA. Use vibrant, engaging colors. 
最终生成的文件名叫趣学乐园。

界面效果：