用 HTML 和 CSS 制作循环产品演示
Replacing homepage demo media with looping HTML and CSS
别再为首页演示录制视频了。Stepshots 提出一种新方案：用纯 HTML 和 CSS 制作 10 秒循环动画。这种 Clip 技术无需视频文件，不依赖 JavaScript，在任何尺寸下都保持清晰，且能自动适配网站的深色或浅色主题。你只需描述产品流程，就能生成可编辑的演示代码。相比交互式演示，它更适合在落地页快速展示单一功能点，加载更快且易于维护。文章提供了完整的 Prompt 和最小化代码示例，帮助开发者轻松实现这一效果。
它保持任何尺寸下的清晰度，遵循你的主题，在 JavaScript 加载前播放，而且你编辑的是代码而非重新录制。
HN 评论区
10- docheinestages
我强烈建议别这么干。当我在主页上看到这种模拟演示时，它向我传递了以下一个或多个信号：
- 产品还没做出来，只是个可能一次就完蛋的想法
- 创建者对自己的产品能做什么感到不自信或不够诚实，所以用演示来造假
- 懒得去制作真实的产品截图和操作流程演示
- camillomiller
我绝对热爱 LLM 作为这类应用的强大工具。
然而，每次看到这种应用，我都觉得这些实验室注定要完蛋。
这些就是我们看到的用例，感觉它们也值得炒作。
但最终，它们都只是过去我们根本不会费心去做、就算不做也完全没问题的多余附加功能。我们过去从未做过这类事情，是因为投入产出比根本不对。
我认为整个金融架构就是在这里崩塌的。
因为一旦做这些事的成本再次变得与我们手动编程所需的精力/资源成本（因此我们选择不去做）在经济上相当时，我们就会开始……干脆不再做这件事了。
如果我们仍然能做这件事，那就意味着成本一直保持在现在的低位（或者因为开源模型而变得免费），而这将预示着为 LLM 提供这些服务的公司的财务状况走向毁灭。
这对 Anthropic 和 OpenAI 来说是个进退两难的困境，无论哪种情况，它们在财务上都已经死定了（当然，他们的产品作为工具确实很棒，但它们创造的价值还不够）。
此外，除了那些 AI 狂热分子的末日预言外，我们根本找不到其他真正能增加价值、足以证明他们仍在进行的万亿美元赌注合理的突破性进展。
- paulhallett
这太酷了，但我觉得我完全可以自己用 LLM 代理来构建这个，所以我开始担心那些试图为此收费的服务的价值主张。我想你真正支付的是一些节省下来的时间，这样你就不用消耗自己的 token 来构建它了？