Demo 展示区
POST /api/generate输入组件需求 → 后端
ReadableStream 较快模拟打字（约每字 10ms）→ 左侧实时出码；流结束后右侧 自动预览（iframe srcDoc + Tailwind CDN， sandbox="allow-scripts"）。代码预览
// 点击「生成」后，此处展示接口返回的代码字符串
渲染沙盒
在隔离的 iframe 中渲染生成结果，样式与脚本不影响主页；生成结束后自动载入，可点击预览区按钮验证交互。
点击「生成」后，代码传完将在此自动预览
说明：左侧为原始 HTML 字符串；右侧沙盒通过 iframe
srcDoc 展示同款片段并加载 Tailwind CDN。请勿对不可信来源的 HTML 直接注入。悬停主卡片可感受轻微放大；接口为本地 Mock 流式输出，可替换为真实模型而不改动页面结构。