先写 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」频道最新
- 开源 CommerceAgentBench,Qwen 跃居开源模型榜首 — Alibaba_Qwen · 2026-09-01
- 实测发现:Agent 查“此人是谁”几乎全死路 — Dry_Steak30 · 2026-09-01
- 整合 Posthog 与 Notion,Agent 自动化用户访谈与反馈闭环 — lennysan · 2026-09-01
- 用 Grok Bot 构建大学录取数据集清洗流 — lennysan · 2026-09-01
- 构想 Grok Bot 钱款漏洞猎人应用 — lennysan · 2026-09-01
- 从 Discord 机器人到多人共享 Agent 工作区:团队工作流升级记 — steipete · 2026-09-01