产品功能做出来了，首页还缺一张能讲清楚操作过程的图。直接贴截图太密，让 AI 画又容易弄出一堆不存在的按钮。
This is a vibe coding post classified by AGK Intelligence as Skills & agent setups (a tool drop), kept by the Vibe Coding Radar because it carries real work, not commentary.
产品功能做出来了，首页还缺一张能讲清楚操作过程的图。直接贴截图太密，让 AI 画又容易弄出一堆不存在的按钮。 Stageshow 是一套给 Agent 用的开源 Skill，专门制作产品界面插画、功能卡片和带光标的演示动画，用代码搭出要展示的场景。 仓库带了窗口、手机、消息气泡这些组件，也准备了表单报错、拖拽排序、文件上传等示例，可以改成自己的产品内容。 GitHub：http://github.com/benjitaylor/skills 我觉得有意思的是它连鼠标点下去之后，界面该怎么回应都写进了规则，演示里的动作得和后面的变化接得上。 本地预览有 9 种视觉风格，能暂停、慢放、逐帧查看。配套工具会录下画面，方便 Agent 检查文字溢出、布局和动画跳变。 做出来的是能放进 React 项目的组件，适合给产品首页、文档和功能介绍页补一段演示。
Posted by GitHubDaily (91.5k followers) 2 days ago · 138 likes · 11.2k views · view the original post on X. Kept by the Vibe Coding Radar as Skills & agent setups. Tools mentioned: skills.
More vibe coding work like this
- Here are 10 new AI agent skills for Claude Code, Codex and more — @shushant_l
- 做产品演示视频，录完屏还得手动加缩放、调鼠标、配字幕，一条一分钟的视频能剪一晚上。 — @GitHub_Daily
- Your AI agent can now build with MagicBlock — @magicblock
- this is f*cking unreal, one site taught me agents better than any $2000 course — @Sprytixl
- I'm gonna uninstall Blender tonight. A dev just dropped a free Claude skill that turns… — @elvar_official
- most people skip redirect mapping — @webjuice_ie
- 写项目文档要配一张架构图，光去各家官网找 Logo、对齐连线就得折腾一下午，画完箭头还压着字。 — @GitHub_Daily
- GitHub真的是AI时代最好的脚手架！！！ — @yyyole
Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 7.9k posts from 5k X accounts over the last 14 days, 2.6k tools, 12 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-11-06 15:18 UTC. Full method.