claudeVIDEO
Generating Lumno's site demo animations as SVG with Opus 5.5
The maker of Lumno explains how its site demo animations were made: describe the need verbally, let Opus 5.5 High scan the product codebase for existing design components and style, then generate SVG animations per feature.
枯白啃设计
@Kubai087Archived 7 days agoOriginally posted 2026.10.22
枯白啃设计 @Kubai087Originally posted 2026.10.22
有好几个朋友问 Lumno 官网的演示动画是怎么做的，其实就几条原则： 1. 可以直接口述，不必设计稿 2. 用 Opus 5.5 High 3. 让 AI 扫产品代码库，充分利用已有的设计组件、风格、图片等，构建设计风格。根据功能点生成 svg 动画。 4. 可以直接看 Lumno，MIT 协议，欢迎交流⬇️ Lumno 官网代码已开源：https://github.com/kubai087/lumno-web
x.com/kubai087/status/2113241980268593422Archived 2026.10.23 10:02