Codex用三个设计Skill组合，半小时优化落地页

用Codex写前端页面时，最头疼的不是功能实现，而是"make it look better"这种模糊需求。你说了，它也改了，但改完还是差点意思。 后来发现三个设计Skill组合起来用，效果特别好。 第一个是Impeccable。页面功能都做完了，但整体感觉不对劲——太素了、太乱了、细节粗糙。这时候用它的bold/distill/polish功能，把"改好看点"这种模糊指令拆解成具体的设计调整。比如"这个按钮颜色太淡了，换成对比度更高的"，"这段文字排版太密了，行间距调大一点"。 第二个是21st Design。这个Skill的思路很聪明——在写页面之前，先去21st.dev找组件和交互参考。你不用从零开始设计，而是先看看别人怎么做的，然后结合自己的品牌风格和项目需求来调整。建议把自己常用的组件库也打包成Skill，不一定非要用21st.dev，关键是有个参考库。 第三个是UX Audit。页面做好了，光截图看是不够的。让Codex打开浏览器实际操作一遍——点按钮、填表单、切换到手机视图、走完用户流程。它会找出那些"点了没反应的按钮"、"让人困惑的报错信息"、"不知道下一步该干嘛的步骤"，然后给出具体的修复方案。 如果嫌配置Skill麻烦，至少在任务末尾加一句："Make the best decision to improve UX, DX, and AX—without breaking existing functionality."让它同时考虑用户体验、开发体验和后续Agent接手的便利性。 我昨天用这套组合给一个落地页做优化，先用21st Design找了个hero section的参考，再用Impeccable调整细节，最后跑一遍UX Audit。整个过程不到半小时，页面质量提升了一大截。