oiloil-ui-ux-guide

一个通过访谈而非预设来定制UI/UX设计规范的助手

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:oiloil-ui-ux-guide。
它的用途是:一个通过访谈而非预设来定制UI/UX设计规范的助手
完整的 Skill 内容见:https://321skill.com/skills/oiloil-ui-ux-guide/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“请使用$oiloil-ui-ux-guide帮我把这个新SaaS后台项目的设计规范定下来。背景是面向技术人员的内部工具,希望清晰高效。” 它会先静默扫描你的项目代码,了解现有设计元素,然后通过一系列开放式问题(如产品目标、品牌印象、参考案例)引导你,最终生成一份包含颜色、字体、间距等token的`design-spec.md`文件。

介绍

oiloil-ui-ux-guide 是一个风格中性的UI/UX设计咨询助手,它旨在解决设计师或开发者在项目初期或迭代时,难以摆脱个人审美偏好、无法客观建立或评审设计规范的问题。它不预设任何单一风格,而是扮演一个耐心的访谈者,通过倾听项目背景、品牌、约束和目标用户,来引导用户共同制定专属的设计系统。

使用时,你可以通过显式点名或描述设计任务来触发它。它提供三种核心模式:design(默认)用于通过对话定制完整的设计规范并生成design-spec.mdreview用于评审现有界面并输出优先级修复清单;guide则针对特定页面类型提供“该做/不该做”的最佳实践规则。

这个Skill非常适合那些希望建立系统化、可扩展且与品牌调性一致的设计规范,但又不想被某个流行风格(如“现代极简”)所束缚的团队或个人。无论是从零开始的新项目,还是需要重构或评审的已有项目,它都能提供结构化的引导。

与市面上许多直接推荐特定字体、颜色的设计助手不同,oiloil-ui-ux-guide的核心区别在于其“先听后说”的访谈范式。它将设计规则严格区分为跨风格通用的“UX硬规则”(如一致性、反馈闭环)和可选的“风格滤镜”(如现代极简、科技赛博朋克等8大家族),确保建议既有普适性又不失灵活性。

核心特点

核心区别在于其“访谈者”定位和“UX硬规则 vs 风格滤镜”的双层范式。它不预设审美答案,而是通过提问引导用户发现自己的需求;同时,它将不可妥协的UX原则(如一致性、反馈)与可选的视觉风格(如现代极简、科技感)严格分离,避免用一个风格的偏好去错误评判另一个风格的项目。

注意事项

不适合解决非常具体、轻量的即时审美问题(例如“这两个蓝色哪个好看”),这类问题它会直接回答而不会启动完整的访谈流程。

常见问题

这个Skill会推荐我用什么字体和颜色吗?

不会直接推荐。它会根据你的项目背景和选择的“风格滤镜”,提供2-3个平等的选项供你选择,且不带推荐星标,除非你主动询问它的看法。

如何用它评审我已有的项目界面?

显式触发`review`模式(例如说“请使用$oiloil-ui-ux-guide的review模式”),它会扫描代码后,按P0/P1/P2优先级输出问题清单和可执行的修复建议。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/oiloil-ui-ux-guide/raw/index.md 读取 oiloil-ui-ux-guide 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。