前端与 UI
design-skills · Claymorphism
圆润饱满的 3D 形状，Poppins 标题，白底配蓝。
这是什么
一个黏土拟态界面的规范 Skill：柔软、圆润、饱满的形状，像可捏的黏土。标题 Poppins、正文 Montserrat，蓝色 #3B82F6 强调，白底配深蓝文字。
Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.
它对设计意味着什么
- 饱满的圆形让按钮一看就知道能按，不用多加文字。
- 白底上的深蓝文字 #1C398E 撑住对比度，配色又不失活泼。
- 规则禁止混用隐喻，黏土纵深不会跟玻璃或扁平掺在一起。
包含哪些内容
- Brand
- Style foundations
- Rules: don’t
- Expected behavior
- Component rule expectations
- Quality gates
如何安装
design-skills · Claymorphism
-
克隆这个仓库。
git clone https://github.com/bergside/awesome-design-skills -
把 Codex 指向这个 Skill 文件。
skills/claymorphism/SKILL.md -
然后描述你想要的界面，Codex 会照着这个 Skill 来做。
如何配合 Codex 使用
-
先让 Codex 定圆角和阴影 token，黏土质感全靠它们。
-
按规定把 Poppins 标题配 Montserrat 正文，别用两款相似的无衬线。
-
确认 focus-visible 和 disabled 状态在柔和造型下依旧成立。
这里的每个插件都免费开源，并附上真实的上游源地址。
在 codex-design 清单上了解更多 ↗
下一步
用 Open Design 做设计，省掉那些配置
你可以自己装这个插件，也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key，产出归你所有。