用Codex生成页面时，最头疼的就是反复说"make it look bette…

用Codex生成页面时，最头疼的就是反复说"make it look better"，但每次出来效果还是差点意思。后来发现三个设计Skill组合使用，能大幅提升页面质量。 第一个是Impeccable。页面搭好了但总觉得哪里不对劲时用它。太单调了？用bolder加点视觉冲击。太杂乱？用distill精简元素。快完成了？用polish打磨细节。它把模糊的"让它更好看"转化成Codex能执行的具体设计改动。 第二个是21st Design。这个Skill让Codex在构建页面前，先去21st.dev找组件和交互参考。与其自己从零设计，不如站在巨人肩膀上。建议把自己常用的组件库也打包成Skill，不一定非要用21st.dev，关键是找到适合你项目的参考源。 第三个是UX Audit。光看截图不够，得让Codex打开浏览器实际操作。点击按钮、填写表单、切换到移动端视图、走完用户流程。找出那些点了没反应的按钮、让人困惑的错误提示、步骤不清晰的地方。它会给出复现步骤和具体修复方案。 如果懒得配置Skill，可以在任务末尾加一句："Make the best decision to improve UX, DX, and AX—without breaking existing functionality."让它权衡用户体验、开发者体验和下一个Agent接手的便利性。 这三个Skill配合使用，页面质量提升明显。特别是UX Audit，很多自己忽略的问题它都能发现。不过要注意，Skill只是工具，最终还是得根据项目需求做调整。 项目地址：impeccable.style 参考组件库：21st.dev