一分钟看懂
- 由知名设计师 Benji Taylor 在 `benjitaylor/skills` 仓库开源的 AI 编程 Agent 视觉技能包。
- 支持在终端通过 `npx skills add benjitaylor/skills --skill stageshow` 一键安装到当前项目。
- 专门训练 AI 放弃繁琐的真实后台表单写法，改用大留白、高对比度与流畅微动画生成官网落地页专用的概念 UI（Faux UI）与 Bento 便当盒卡片。
- 生成的 HTML/CSS/React 组件既可直接嵌入产品官网，也可高清录屏制作产品宣传短片。
基本信息
| 作者 | Benji Taylor (benjitaylor) |
|---|---|
| 开源仓库 | GitHub benjitaylor/skills |
| 安装命令 | npx skills add benjitaylor/skills --skill stageshow |
| 核心产出 | 概念 UI 静态图、交互动画、Bento 网格布局 |
| 授权费用 | 免费开源 |
| 分类 | 开发与开源 |
| 作者 / 发布方 | Benji Taylor |
| 官方入口 | github.com ↗ |
| 热度 | 🔥 热度 70万 |
| 发布时间 | |
| 数据更新 |
为什么产品宣传页的「概念 UI」不能按真实后台来写
很多独立开发者让 AI 编程工具写官网宣传卡片时，AI 往往会老老实实写出完整业务表单：12px 的细碎小字、顶部导航栏、输入框以及密密麻麻的分割线。一旦把这种真实界面塞进落地页的 Bento Grid（便当盒网格）里，画面就会显得拥挤杂乱，访客根本抓不住重点。
Stageshow 给 AI 注入了一套专门针对展示型概念界面（Faux UI）的视觉减法规则：大胆砍掉次要外框与冗余导航，放大核心交互主体与字号对比，并用克制的 CSS/JS 缓动曲线编排自动循环的小动画，让用户在扫视页面的一瞬间看懂功能亮点。
- 概念 UI 静态图（Faux UI Stills）
剔除冗余表单噪音，只保留最具代表性的高对比度视觉核心。
- Bento 便当盒网格（Bento Grids）
合理分配多卡片网格的主次比例与留白，每张卡片只讲透一个卖点。
- 自循环演示动画（Animations）
内置平滑的状态切换与微交互动效，可直接嵌入网页或录屏做发布视频。
一行 npx 命令接入现有 React / Tailwind 工作流
Stageshow 并不是一个绑死特定框架的笨重组件库，而是一份结构化的 Agent 技能规范文件。开发者在项目根目录运行 `npx skills add benjitaylor/skills --skill stageshow` 后，规范文件会自动写入本地技能目录。
无论你使用的是 Claude Code、Cursor 还是 Windsurf，AI 在编写前端代码时都会自动读取这套审美准则，基于你项目现有的 Tailwind CSS、React 或原生 HTML/CSS 直接写出符合一线设计师水准的展示组件。
超 1.62 万次收藏：工程师的产品落地页救星
该技能包公开后获得了 70.5 万次浏览与 16,271 次书签收藏，收藏数甚至远高于 9,601 次点赞。对于大多数不擅长 Figma 精修或 After Effects 动效的程序员来说，产品写完了却做不出好看的宣传图和演示视频一直是最大痛点。
把顶级消费级产品设计师的排版直觉打包成一行可复用的 `npx skills` 命令，让工程师在代码编辑器里就能直接跑出高颜值宣传物料，是它获得极高收藏率的核心原因。
上手步骤
在项目终端安装 Stageshow 技能
打开终端运行 `npx skills add benjitaylor/skills --skill stageshow`，或查看 GitHub 上的 benjitaylor/skills 仓库。
让 AI Agent 调用 Stageshow 生成展示组件
在 Claude Code 或 Cursor 中指定使用 Stageshow 技能，为你产品的核心卖点生成 Bento 卡片或概念 UI 动画。
直接嵌入官网或高清录屏宣传
在浏览器中打开生成的组件，既可以直接作为官网首页模块上线，也可以全屏录制成产品发布演示视频。
常见问题
如何安装 Stageshow？
在项目终端执行 `npx skills add benjitaylor/skills --skill stageshow` 即可一键添加，也可直接从 GitHub 仓库 `benjitaylor/skills` 复制。
支持哪些 AI 编程软件？
支持 Claude Code、Cursor、Windsurf、Codex 等所有能读取项目本地技能文件（Skills / Rules）的 AI 编程助手。
什么是 Faux UI（概念 UI）？
指专门用于产品宣传页的简化版示意界面，去掉了真实软件里繁琐的次要按钮与小字，突出核心交互与视觉美感。
Stageshow 可以免费用于商业项目吗？
可以，该项目在 GitHub 上完全免费开源，生成的界面代码可自由用于商业产品官网。
