先写 UI Kit 再让 Claude 照做,作者几小时完成 80% 界面
gounisalex · reddit · 2026-09-01
作者原以为自己比 Claude 更擅长 UI 设计,因为直接生成的结果都很「AI 味」。后来换了一个像真正的 UI 设计师一样的工作流:
- 先搭初始线框图,然后和 Claude 一起制作 UI Kit,并在一个 MD 文件中定义设计规范(无边框、柔和阴影、更多留白、动画用贝塞尔曲线);
- 之后每次迭代都要求遵循这份 UI Kit,最好在仓库中直接引用该 MD 文件——MD 的形式化正是 Claude 擅长的「语言」。
结果:几小时内完成新 UI 功能的 80%,且几乎不需要手动调整。作者用该方法做出了一个免费开源的 2D PDF 编辑器(类 Figma):repo https://github.com/AlexandrosGounis/pdfx,在线 demo https://pdfx.zip。
「编程与Agent」频道最新
- 开源工具 ebook2audiobook 免费把电子书变有声书,已获 2 万 star — thisguyknowsai · 2026-10-16
- OpenAI DevDay 班加罗尔站开幕,现场推出 Codex 大使计划 — HowDevelop · 2026-10-16
- 用数学模式与 Gemini 智能体在 Antigravity CLI 里作曲的玩法实验 — fofrAI · 2026-10-16
- Google 实习生发布 DuoDiscover,登顶 NVIDIA SOL-ExecBench — berkeley_ai · 2026-10-16
- 去掉框架手写 Agent 循环:LangGraph 到底帮你做了什么 — m3m3o · 2026-10-16
- 博主称免费版用户已严重低估 10 个月来 AI Agent 的进步 — realmeetjames · 2026-10-16