8.0
热点
AI SCORE
编程提效2026-08-03 14:03
AI 编码助手的设计系统赋能:从通用到专业
dev.to · AI#Codex#设计系统#提示工程
Editor brief · 编辑速览
开源 skill 将设计系统编码为 AI 助手的知识,通过分解排版、配色等维度提升生成质量。展示了突破 AI 能力边界的工程方法。
我要求我的 AI 编程助手制作一张关于"雨中的老书店"的海报。得到的是一个书籍图标、一些雨滴和学校新闻通讯的视觉效果。这时我开始深入探讨为什么 AI 生成的视觉内容总是感觉那么……通用。
像 Codex 这样的 AI 编程助手可以终日在画布上放置元素。但它们无法告诉你为什么一种构图让人感觉"宁静"和"高端",而另一种看起来像剪贴画。标准模型的脑子里没有设计系统。差距不在计算能力——而在审美素养。
gc-minimal-zine-poster 是一个开源的 Codex 技能,编码了完整的杂志视觉语言。与其说要"一张海报",不如说是调用一个设计系统:
# Install
git clone https://github.com/LiamGvchi/gc-minimal-zine-poster.git \
~/.codex/skills/gc-minimal-zine-poster-v0-1
# Restart Codex, then use
$gc-minimal-zine-poster-v0-1 "a rainy old bookstore"
该技能将"杂志风格"分解为四个维度:
构图:不对称平衡、充分的留白
排版:手写或衬线字体、混合尺度
色彩:柔和调色板、单一强调色
纹理:纸张纹理、微妙噪点
原作者(X 上的 @BTCqzy1)发布了用它制作的海报系列——875 个赞,约 5 万次浏览。相同的一句话 prompt,完全不同的输出:刻意设计、美术馆级别的视觉效果,而不是通用图标。
如果你的 AI 生成视觉总是显得没有灵魂,解决办法可能不是更好的 prompt。而是给模型一个它从未有过的设计词汇。