oil-oil/oil-ui

UI design skill for Claude Code, Codex and other AI agents: explore distinct directions, compare them side by side, refine against real screenshots. 给 AI Agent 用的 UI 设计 Skill。

它解决了什么问题

Oil UI 作为 AI 代理的专业设计技能,帮助它们为网站、应用程序和仪表板生成并优化高质量的用户界面设计。它解决了 AI 生成的设计往往缺乏独特视觉识别度或专业润色这一常见问题,通过强制代理在优化所选方案之前探索多种真正不同的设计方向来解决此问题。

工作原理

当收到提示时,代理会使用 Oil UI 技能分析产品类别和品牌基调。它会生成多种独特的视觉概念(在排版、颜色和布局上有所不同),并将其呈现在比较页面上。用户选择偏好的方向并提供反馈,代理随后会对设计进行迭代。该过程包括根据真实截图检查布局、确保响应式行为,并进行最后一轮简化以去除不必要的元素。

适用人群

该工具专为使用 AI 代理辅助 UI/UX 设计流程,且希望摆脱通用模板化输出的开发人员、设计师或产品构建者而设计。

亮点

  • 生成多种视觉上截然不同的设计方向,以防止产生通用结果。
  • 包含内置比较页面,用于并排评估布局和样式。
  • 支持根据用户反馈和真实截图分析进行迭代优化。
  • 通过简单的命令行安装直接集成到代理工作流中。
  • 专注于通过特定的、高影响力的设计细节创造“令人难忘的时刻”。

相关

  • 项目
  • 项目
  • 项目
  • Dispatch
  • 项目