Claude Code · Codex

UI 与视觉设计技能

通过 Claude Code 和 Codex 技能改善布局、字体、配色和错误提示，依据设计系统实现信息清晰的产品界面。

3 个 skill

依据设计系统实现 UI

design-system-as-input-ui

让 AI 生成的每一屏不再各自发明一种蓝。把设计系统作为 token 契约喂给它，而不是每次重新描述像素。

error-message-writing

写出能回答「发生了什么、为什么、怎么办」的错误消息：四个要避开的反模式，加一份九点自查清单。

visual-design-principles

将分组、对齐、重复、对比、字体与配色用于界面、海报、演示稿和文档，并检查实际成品，修正层级与布局问题。