AI 现在做落地页已经很像样了,但一到管理后台、仪表盘、表单和表格这些内部页面,输出就容易露怯:布局平、细节糙,一眼就是机器生成的。Oil UI 的这次更新就是冲着这个短板来的,专门把后台设计单独拎出来打磨。
第一个变化,是给后台设计开了专属路径。以前后台的种种设计规则都混在主流程里,不管你要做的是落地页还是后台,模型都得先吞下全套指令。这次更新把内部页面、后台和工作环境的规则从主流程里拆出来,变成独立路径:做落地页时不再带上后台那套指令,上下文更干净,模型也更专注。
有意思的是测试方式:开发者刻意没用本身设计能力就很强的模型,比如 Claude Opus 5.5、Kimi K3、GPT 6 Astra,而是拿 GPT 6.1 Sol / Terra 和 DeepSeek 做了多轮真实测试。通过修正几条关键规则——去掉过重的 AI 味、删掉细碎无用的小字、调好配色和间距留白——这些模型现在能直接生成更干净、更专业的管理后台、表单和弹窗代码。
第二个变化,是“先出图,再用代码还原”的工作流。DeepSeek 这类模型有个毛病:哪怕给了全套设计指令,从零搭一个后台也容易做出布局平庸、甚至杂乱的页面。但它照着一张现成的图去还原,效果就好得多。新流程分三步:先让图像生成模型出 UI 初稿,再由编程模型照图用代码实现,最后按同一结构扩展表单、表格和内页。
为此 Skill 里加了三个配套能力:一是给不同图像生成模型准备好的、实测过的出图提示词,因为每个模型对指令的理解方式不一样;二是按真实网页尺寸还原——AI 生成的长图常把竖向间距压得很紧、看起来像海报,Oil UI 让模型取的是结构、配色和视觉焦点,间距和字号按真实网页重新调,有时成品比原图还易读;三是执行时先问你走哪条路,先出图再编码,还是直接编码,Claude、DeepSeek 这类没有内置出图工具的环境也配了内置的出图工具。
这个项目目前在 GitHub 上已有 2600 多个 Star。这次更新的针对性很明确:不是让 AI 画出更花哨的页面,而是让它能稳定做出真正能用的后台和复杂界面。
Oil UI 官网:https://ui.oiloil.org/en/