在很多个帖子下回答过同样的问题，我单独开一帖把我的经验分享出来吧。

模型选择

不用挑模型，gpt, grok, gemini, claude, glm, minimax, mimo，自己语料库里的设计有不同偏好和优先概率，但是你使用 skill 或工具后，skill 或工具会产生大量的设计提示词送进模型，本质上所有的主流旗舰模型在大提示词约束下，设计能力非常接近。

解决方案

安装这个 Skill：ui-ux-pro-max（别举报，非推广，我不发链接，纯经验结论）

静态 UI 设计

到 pinterest 里找几个你喜欢的图。在提示词里，告诉 skill，我喜欢这种结构这种配色。你不要照抄，但是借鉴一下生成同类风格，结构和布局重新设计。

动效设计

你可以要求他设计现代感的动效。普通参考图提供不了动效参考，可以贴你喜欢的动效页面 URL 让 ai 分析。我通常是到 deviantart 里搜 webpage 或者 web，那些佬往往会把页面链接附在评论里。好看的界面就会带好看的动效，把它的 URL 帖给 skill 就能给你做得差不多。

和其它设计工具比较的优势

我也都试过很多厂商和开源的 design 工具，比如 figma, mastergo，open design, trae design，它们和 ui-ux skill 比，无论从代码层的框架支持，成品效果和使用便捷性上，都要差不止一头。 这些工具生成的 html 页面不会结合现有工程框架，也不会帮你微调你的 UI 框架组件，只会提供一个单纯的样式。做完后自己还在憋一大堆提示词才能用上这个设计稿。
使用 skill 可以直接用上自己项目里的框架，甚至在你已经有的代码进行开发调整。

使用 ui-ux skill 后，这些事都是一次性到位的。

我举一些使用 ui-ux skill 的提示词说明(纯手打，@ 我就不反复打了）：

• @ui-ux-pro-max 我使用 NaiveUI 框架，直接调用 NaiveUI 进行组件调用，先设计布局和结构，再按你的设计微调组件样式
• 基于我项目现在的 UI 依赖包进行 UI 打磨，根据现有页面内容，偏向用户体验设计，把我的 xx,xx,xx 三个页面重新设计布局和结构，让操作流程更合理
• 空白项目，使用 HTML + tailwind + js 进行草稿设计，我的三个附件图片是我比较偏好的布局，你组合它们的特征，从色彩和组件表现上进行微调

如何开始起手抽卡

而对于不喜欢自己提供很多信息，只想抽卡看看效果的人来说，觉得用 ui-ux 先抽几次卡比自己打磨来打磨去方便得多，我举个例子如何让 ai 来生成一些起手提示词：