GitHub 挖宝 12:design-system-is-all-you-need——修正 AI 的『设计尴尬』
一套设计系统提示词,专门打磨 AI 生成界面的『设计感』——给 Claude/Codex 等 Vibe Coding 工具用的现成指南。
第十二个推荐:design-system-is-all-you-need(github.com/devPnal/design-system-is-all-you-need)。官方描述(原文):『A collection of guideline prompts created to refine the often awkward design traits of generative AI by applying a modern design system, intended for use in Claude, Codex or other vibe coding tools』。
它解决的真实问题:AI 生成的界面功能对、但『设计尴尬』——间距、层级、对齐、留白这些细节不到位。这套提示词把现代设计系统的规则打包,让 AI 在生成时就带上设计标准。
适合: 1. Vibe Coding 生成界面后觉得『哪里不对但说不出』。 2. 想让 AI 输出更接近专业设计稿。 3. 团队统一 AI 生成界面的视觉质量基线。
边界:提示词效果依赖模型版本;设计系统偏好是作者的选择,可按需修改。
公开证据
开放问题
AI 生成界面最常见的『设计尴尬』是哪个?
下一步
用这套提示词让 AI 重新生成一个你最近做的界面,对比前后差异。