# 分享一个 idea最近 AI Coding 越来越🔥。此类产品依赖的一项核心能力，是对 AI 生成的代码实时预览。不同的项目代码，用到的预览方案不太一样。如果生成的代码是单个文件，直接放到 iframe.srcdoc 就能预览，这个方案实现起来很容易。如果生成的代码是多个文件，涉及到框架 / 组件 / 依赖，预览方案要复杂很多。比如，让 AI 生成一个 Landing Page，按照 nextjs 的项目规范返回代码，AI 生成的文件树示例：- app/page.tsx- app/globals.css…