以后让 Agent 改设计,不用再截图圈红框了
baoyu-design v2.1 加了评论功能。在页面和 slides 上标元素、写批注,Agent 能读能回,评论跟着项目一起存成资产。顺便补一下 v2 做了哪些移植。
宝玉的 baoyu-design 升到 v2.1。这次加的功能是评论。
在设计的页面或者 slides 上,直接标记某个元素,给它写一条评论。Agent 能读到这条评论,也能回复。
它解决的是 AI 改设计里最尴尬的一步:说不清改哪。
做过设计稿的人大概都碰过这种情况。让 Agent 改一个按钮的颜色,它改错了地方,因为页面上有三四个看起来差不多的按钮。截图、画红框、贴回去、再解释“是左边那个”。几轮下来,花在描述上的时间比设计本身还多。
现在换成在预览里点中那个元素,写一句“这个按钮改成主色”。评论进 comments.json,Agent 读,改,回你。
网友 Panda 翻了仓库,把机制说清楚了:评论存在项目本地的 comments.json 里,Agent 靠 artifact.mjs 读和回。它跑 comments --wait 的时候,编辑器会多出一个 Send to agent 按钮,标完直接丢过去。已解决的评论默认不列出,加 --all 才带出来。
这个细节不大,但实用。处理完的评论不会堆在那里干扰下一轮,翻旧账也翻得到。
更值得说的是评论存在哪。它跟项目数据放在一起,成为项目数据的一部分。三个月后打开这个项目,能看到当初为什么把间距从 16 调到 24。设计理由不再散落在聊天记录或者某个人的记忆里,而是跟着文件走。
有网友说,以前批注只配叫吐槽。说得有点自嘲,但也准确。以前的批注是给人看的,看完就丢。现在的批注既是给 Agent 的输入端,又是项目档案。
v2 本身做的事也补一句。它把 Claude Design、Claude Slides、Claude Dashboard 完整移植过来,和原版体验几乎一致,除了评论。可以跑在任何 Agent、任何模型上,不再依赖 Claude Artifacts。完全开源,MIT 协议。
Claude Dashboard 在本地跑出来的效果:
Claude Slides 跑在 Codex 里,可以用内置编辑器改,也能导出成可编辑的 PPTX:
用 Claude Design System skill 导入设计系统,让风格保持一致:
本地跑 Claude Design,文件和项目放在一起,不需要在线上 Artifacts 和本地 Project 之间导入导出。编辑器直接改,改完同步回本地文件,也可以从 Agent 那边发起修改,双向同步:
一个判断:这次更新里看起来最不起眼的评论,可能是最有用的那个。
生成质量是模型的事,会一直涨。“怎么把人的意图准确传给 Agent”这个问题,不会因为模型变聪明就自动消失,卡点在人的表达成本上。评论功能动的正是这一侧。
网友的追问也说明他们已经在当协作工具用了。有人问 Agent 改完评论会不会自动标成已解决,还是得人手关;有人问能不能多选几处共用一条评论,比如多处标题都要改色。素材里没有确定答案,得去仓库或者实际跑一遍。
还有个网友说得直接:客户不会写提示词,但会指着页面说“这里不对”。
这可能是这个功能真正的用户画像。会写提示词的人本来就不太需要它。不写提示词的人,指着页面就能表达。表达门槛降下来的地方,人愿意用。
仓库地址这里:https://github.com/jimliu/baoyu-design
安装:
npx skills add JimLiu/baoyu-design
发布时间: 2026-10-30 22:33