技能包Skill
给 Codex 的 3 个设计 skill
不想再喊「好看一点」:Impeccable、21st Design、UX Audit 把它变成具体改动;没装 skill 加一句。
3,450 X 收藏,截至 发帖日期
提示词:加在任务末尾的一句
Make the best decision to improve UX, DX, and AX—without breaking existing functionality.下一步 在 Codex 里把它加到你的任务最后。
想让 Codex 做出好看的页面,又不用一轮轮喊「再改好看一点」?这三个设计 skill 可以一起用:
- Impeccable(impeccable.style)。页面已经做出来,但怎么看都差一点时,用它。设计太平,用 bolder 增强表现力;页面太杂,用 distill 做减法;接近完成,用 polish 打磨细节。它把「好看一点」变成 Codex 能执行的设计调整。
- 21st Design。这是我自己整理的 skill,让 Codex 做页面前,先去 21st.dev 找组件和交互参考。你也可以把自己常用的设计组件库打包成一个 skill。重点找撑起页面的那一两个部分:一个首屏、一组定价卡片,或者一个产品展示区。选好之后,再按自己的品牌、内容和现有项目改进去。
- UX Audit。好看的截图还不够,让 Codex 打开浏览器,真的用一遍:点按钮、填表单、切到手机宽度,走完用户要走的流程。它会找出点了没反应、报错看不懂、下一步不知道去哪的问题,并给出复现步骤和具体改法。
如果你实在懒得折腾 skill,也可以先在任务最后加一句。它让 agent 做取舍时,同时考虑用户体验、开发者体验,以及后续 agent 接手的体验。
