Skill设计与前端

Stageshow:让代理做出像样的产品 UI 演示

Stageshow: faux product UI for coding agents

X 设计负责人 Benji Taylor 公开的代理技能,引导代理用 React 和 CSS 做仿真产品 UI 静图、光标演示动画和 bento 网格,内含构图与动效规则、可复制的示例,以及录制成片供代理自查的工具。

要点

  1. 动手写代码前先写计划:放在哪、焦点对象、动作、收尾画面、哪些可以省略。
  2. 从最接近的 gold 示例复制起步,不要凭印象重写。
  3. 真实文字只放在故事相关处,通常 3 到 7 处,其余用占位线条。
  4. 先定 poster 帧:多数人只会看到这一帧。
  5. 录下整段循环检查,按构图、层级、动效、细节的顺序修最大的问题。

安装 / 使用

npx skills add benjitaylor/skills --skill stageshow