X 设计负责人 Benji Taylor 开源 Stageshow：让 AI 智能体做出更像真产品的界面演示动画
X 设计负责人 Benji Taylor 于 10 月 31 日开源 Stageshow，这是一套给 AI 编程智能体用的「技能包」（MIT 协议），帮它们做出看起来像真实产品的界面插图和带鼠标操作的演示动画，输出为普通 React 组件，一条命令即可安装，支持 Claude Code、Codex、Gemini 等。
据 Stageshow 官方介绍页 和 GitHub 上的技能说明，X 设计负责人 Benji Taylor 在 10 月 31 日发布并开源了 Stageshow。它不是独立软件，而是一份给 AI 编程智能体读的「做法手册」，专门解决一个常见问题：让 AI 画产品界面或做功能演示时，结果往往显得粗糙、元素堆太多、一眼看出是假的。
主要内容：
- 能做什么：仿真的产品界面静态图，以及「一个鼠标在界面里完成一件事」的短演示动画，比如官网首屏的循环小动画、功能卡片配图、手机界面滑动、仪表盘加锁屏通知等。产出是普通 React 组件，可以直接放进网页里改。
- 怎么用：用
npx skills add benjitaylor/skills --skill stageshow安装，作者称适用于 Claude Code、Codex、Gemini 等主流编程智能体。建议一次只要一个小需求，比如「首页循环演示：有人把任务指派给同事」。 - 工作流程：技能规定了七步，先定形式和尺寸、视觉风格、要讲的三到五个节拍，再从几十个示例里挑最接近的一个改，最后让智能体自己把动画「拍」下来逐帧检查，修掉跳帧、文字溢出等问题。
- 授权与局限：该技能目录为 MIT 协议。作者自己也说，它很少一次就做对，多数演示仍需要几轮反馈；效果提升是作者的主观对比，没有公开量化评测。
对创作者意味着什么： 做 AI 工具测评、产品介绍、知识类短视频的创作者，经常需要「软件界面里点了一下、发生了什么」这类示意画面。过去要么录屏、要么用 AE 手动做，现在可以让编程智能体按这套规则生成干净的界面动画，再录成视频片段用在口播或图文里。它的门槛在于需要会用命令行和编程智能体，输出是网页代码而不是现成视频文件；另外仿真界面里如果出现真实品牌，要注意别让观众误以为是官方画面。
信息来源：benji.org / Stageshow（本文为编辑整理改写）
