Agent生成的UI假图,为什么总像没睡醒?有人做了个技能包
Benji Taylor发布Stageshow,给agent补上做UI假图、动效和bento网格的手艺。一行命令安装,视频里日历、音乐播放器、财务面板都摆出来了。
Benji Taylor在X上发布了一个叫Stageshow的技能包,lauren转发了这条消息。按Benji Taylor的描述,Stageshow帮agent做出更好的faux UI stills、animations、bento grids等视觉稿。
先看痛点。现在让agent出UI假图,常见毛病很具体:间距忽大忽小,层级靠猜,组件状态像没写完,动效一播放就有PPT味。Stageshow瞄准的正是这个环节。它把做UI视觉稿的手艺打包成agent可调用的skill,让输出更像真实界面,适合快速提案和概念演示。
视频里是多个应用界面的拼贴:左上角日历有Day、Week、Month选项卡和搜索框,右上角是带日文键盘的界面和几排彩色图标,左下角音乐播放器正在播放Low Tide,时长2分48秒,右下角财务仪表板显示收入12,480美元、增长18%。这些画面不是最终产品,信息层次和卡片布局却能直接拿去做视觉参考。
用法不复杂:
npx skills add benjitaylor/skills --skill stageshow
对不熟npx的人,这行命令把Stageshow装进支持skills的agent环境。对开发背景的人,它就是一条可复用的技能安装命令,省掉反复写长prompt描述布局、动效和网格规则。
判断放在这:这类skill的价值在把设计常识变成agent能调用的流程,降低从零做视觉参考的摩擦。它不能替代设计师,也不负责产出生产代码。常让agent出UI图的人,可以先看视频里的界面细节,再决定要不要装。
发布时间: 2026-11-01 11:31