我错了：Claude 的 UI 设计能力其实很强，关键在方法
2026.09.01 · 观点 · 技巧 · 社区热议
作者发现用 UI kit 和 MD 文件约束 Claude，能高效产出高质量 UI。
作者原本认为自己的 UI 设计能力优于 Claude，尝试结果常是“AI 垃圾”。后来他采用新方法：先构建线框，与 Claude 一起制定 UI kit 和设计规范（无边框、柔和阴影、更多留白、动画用贝塞尔曲线）并存入 MD 文件，迭代时始终要求遵循该 UI kit。结果在几小时内实现了 80% 的新 UI 功能，且无需调整。
- 用 UI kit 和 MD 文件约束 Claude 效果显著
- 设计规范包括无边框、柔和阴影、更多留白
- 动画使用贝塞尔曲线
- 80% 新 UI 功能在几小时内完成
- 项目为开源 PDF 编辑器 pdfx
为什么值得看
展示如何通过结构化规范提升 AI 生成 UI 的质量。
适合谁关注
UI 设计师、前端开发者、AI 工具使用者