Codex组合3个设计Skill，把好看一点变成具体改动

用Codex做前端页面时，最烦的就是反复说"让它看起来更好一点"。这次分享3个设计Skill的组合用法，能大幅提升页面质量。 第一个是Impeccable，专门处理页面"差点意思"的情况。比如页面功能都实现了，但视觉上就是不够吸引人。这个Skill会分析具体问题：太单调就用bolder，太杂乱就用distill，快完成了用polish精修细节。把模糊的"好看一点"变成具体的设计改动。 第二个是21st Design，让Codex在构建页面前先去21st.dev找组件和交互参考。建议把自己常用的组件库也做成Skill，不一定是21st.dev。重点放在页面的核心部分：hero区域、定价卡片或者产品展示。选好合适的组件，再根据品牌和项目调整。 第三个是UX Audit，光看截图不够，得让Codex打开浏览器实际操作页面。点击按钮、填写表单、切换到移动端视图、完成整个用户流程。找出那些点了没反应的按钮、让人困惑的错误提示、以及不知道下一步该做什么的环节。拿到复现步骤和具体修复方案。 如果不想折腾Skill设置，可以在任务末尾加这句话："Make the best decision to improve UX, DX, and AX—without breaking existing functionality."让它同时考虑用户体验、开发者体验，以及下一个Agent接手时的便利性。 项目地址：impeccable.style 组件库：21st.dev