Stageshow:让代理做出像样的产品 UI 演示
Stageshow: faux product UI for coding agents
X 设计负责人 Benji Taylor 公开的代理技能,引导代理用 React 和 CSS 做仿真产品 UI 静图、光标演示动画和 bento 网格,内含构图与动效规则、可复制的示例,以及录制成片供代理自查的工具。
要点
- 动手写代码前先写计划:放在哪、焦点对象、动作、收尾画面、哪些可以省略。
- 从最接近的 gold 示例复制起步,不要凭印象重写。
- 真实文字只放在故事相关处,通常 3 到 7 处,其余用占位线条。
- 先定 poster 帧:多数人只会看到这一帧。
- 录下整段循环检查,按构图、层级、动效、细节的顺序修最大的问题。
安装 / 使用
npx skills add benjitaylor/skills --skill stageshow