oil-oil/oil-ui

解决的问题

Oil UI 提供了一套结构化的设计方法与工具（以 Agent Skill 形式提供），旨在突破 AI 生成用户界面设计的限制。它通过强制执行类别分析、语调设定与视觉差异化等严谨流程，解决了 AI 生成版面过于通用、平淡或重复的问题，进而创造高质量、专业级的 UI 设计。

运作方式

本项目实现为一个可安装至 AI Agent 的“Skill”。它引导 Agent 执行 8 个设计步骤：

1. 类别分析 (Category Analysis)：分析顶尖竞争对手，决定采纳或改变的项目。
2. 语调设定 (Tone Setting)：将“高级感”等抽象术语转化为排版、留白与色彩的具体决策。
3. 具体起点 (Concrete Starting Points)：使用具体的素材、环境或角色，而非模糊的形容词。
4. 首屏策略 (First-Screen Strategy)：根据页面是用于浏览、工作或说服，量身打造初始视图。
5. 差异化检查 (Differentiation Check)：通过比较骨架、字体、色彩与视觉效果，确保设计方向的多样性。
6. 记忆点 (Memorable Moments)：将心力集中于一到两个高影响力的互动或页面。
7. 用户选择 (User Selection)：在比较页面中呈现多个选项供用户选择。
8. 最终优化 (Final Refinement)：执行“减法”阶段，移除冗余元素。

适用对象

专为使用 AI Agent 构建网站、应用程序与数字产品，且希望在不手动完成所有设计工作的情况下获得专业 UI/UX 成果的用户所设计。

特色亮点

• Agent 集成：通过 npx skills add 安装，增强 AI Agent 的设计能力。
• 风格比较页面：产生不同设计方向的并排预览（HTML 或图片），方便选择。
• 多设备预览：支持切换桌面与移动设备视图，检查实际版面尺寸。
• 全面的设计逻辑：涵盖从截图还原到品牌对齐润饰与独立审查周期的所有环节。