Oil UI Skill 更新了新版本，这次主要优化了用于中后台设计的能力，并且把先用 AI 生成 UI 设计稿，再用代码还原结

Oil UI Skill 更新了新版本，这次主要优化了用于中后台设计的能力，并且把先用 AI 生成 UI 设计稿，再用代码还原结合到了 Skill 的工作流里。 目前 Oil UI 在 GitHub 上已经有 2600 多个 Star。最近收到不少反馈，希望能提升它在工作台、中后台场景下的设计表现，所以我花了几天时间，针对这类场景做了大量实测和迭代。 这次更新主要做了两件事： 强化中后台设计规范，并拆分独立路由 我把中后台、工作台的设计规则从主流程里单独分了出来，做落地页时不需要加载后台规范，上下文更干净。 在测试优化时，我没有用 Claude Opus 5.5、Kimi K3 或 GPT 6 Astra 这类本身设计就很强的模型，而是专门拿 GPT 6.1 Sol / Terra 和 DeepSeek 来一轮轮实测。 通过限制 AI 味和爱加小字的习惯、调整配色与留白规则，现在 GPT 系列直接写代码就能做出很清爽、成熟的后台页面、表单和弹窗。 把「先生图、后还原」融合进 Skill 工作流 实测下来，像 DeepSeek 这类偏执行类的模型，就算给再多设计规则，凭空做后台时排版还是容易显得平庸或有点土；但它的代码执行和复刻能力其实很好。 相比让一个偏执行的文本模型去硬想创意，用生图模型出一张 UI 设计稿不仅创意上限更高，成本也很低（一张图只要几分钱到一两毛钱）。 先让 AI 生成设计稿把排版和配色风格定下来，再让模型看着图写代码，实现难度就会低很多，后续继续补表单、表格和子页面也很顺畅。 为了把这个流程跑通，Skill 里重点解决了三个问题： 内置实测打磨好的 UI 生图提示词：不同模型对提示词的理解差异很大，Skill 整理好了稳定的提示词写法。 指导模型按真实网页尺度还原，而不是死板复刻：AI 生成的整页图片（尤其是落地页长图）上下间距往往压得很扁，看着像海报。Skill 会指导模型只参考设计稿的排版骨架、配色和视觉重心，在写代码时主动拉开间距、调整可读字号，最终做出来的网页甚至比原设计稿更舒服。 按需选择流程，并提供兜底生图工具：运行 Skill 时不会默认直接生图，而是先问你要「先生图再还原」还是「直接写代码」。另外，针对 Claude、DeepSeek 这类没有自带生图工具的 Agent 环境，Oil UI 还内置了生图工具 欢迎大家体验 ～