知识卡 · Agent × Design Stageshow · Thread 精读
SELF-REPLY TOPIC

教 Agent 做出
更好看的假 UI

Benji Taylor(X & SpaceXSI Head of Design)开源 skill:Stageshow——同一套 prompt,假 UI 静帧 / 动画 / bento 能明显好看一截。不是换模型,是把「他自己怎么手工做」写进流程。

npx skills add benjitaylor/skills --skill stageshow
原作者 @benjitaylor · Benji Taylor
2026.10.31
01问题

模型会做,但常常「难看」

假 UI 现在模型都能出,但常见是手感重、动画不顺、或者逻辑不通。Stageshow 的卖点:同一套 prompt,效果好一截。下面是作者贴的 before / after。

02 · Before / After · 15s

Models can do these now, but they may look heavy-handed, lack smooth animations, or simply don’t make sense. With Stageshow, the same prompts can produce far better results.

— 自我连发 · 第 1 条
02怎么做

把手工流程写进 Skill

不是玄学开关。Skill 带着 agent 走一遍 Benji 自己做片子的路径:

1

选风格

picking the look

2

用几个 beats 规划故事

planning the story in a few beats

3

从一个扎实示例起步

starting from a solid example

4

拍结果 → 对着片子修

film the result and fix what it finds

03 · 流程演示 · 12s

The skill walks the agent through how I'd make one by hand, from picking the look and planning the story in a few beats to starting from a solid example, then has it film the result and fix what it finds.

— 自我连发 · 第 2 条
03验证

用日常 App 的小瞬间测

作者拿自己每天用的 App做复刻测试:Figma、Gmail、Finder、Spotify… 结论是——有 Stageshow 始终优于没有。

Figma Gmail Finder Spotify
04 · 日常 App 复刻 · 13s

One way I tested it was by recreating small moments from apps I use daily, like Figma, Gmail, Finder and Spotify, etc. I found Stageshow to consistently outperform the same prompts that didn’t have the skill.

— 自我连发 · 第 3 条
04带走一句

最好的 skill,是把自己用没必要

模型「品味」上来以后,Stageshow 可能很快就不需要了。但每次用它做出的 demo,本身就是高质量 UI 样本——模型会从这类东西里学。若它最终把自己「用没必要了」,也算公平交易。

As model taste improves, I suspect it won’t be long until this skill is no longer needed… So if it plays a small part in making itself unnecessary, that seems like a fair trade!

— 自我连发 · 第 4 条
#Stageshow #AgentDesign #假UI #Skill #知识卡