iframe-canvas

决定并构建一个支持平移/缩放的画布，其画板为实时 `<iframe>` 预览——这是 AI 网站/应用构建器（如 Reweb、Sleek、Plasmic、Builder.io、Onlook）背后的架构，而非 Figma 所采用的架构。需自主决策以下可能延迟暴露问题的关键点：标签页可承载的实时 iframe 数量上限、同源与跨域隔离策略、每个画板采用快照还是实时预览、控制指针事件的交互模式、相机及其两个坐标空间的设计，以及跨边界通信的 `postMessage` 协议规范。当用户提及“无限画布”、“canvas infinita”、“类 Figma 画板”、“artboard”、“iframe 中的实时预览”、“可视化编辑器”、“点击选择预览中的元素”、“平移和缩放工作区”，或出现预览 iframe 运行缓慢、画面模糊、无法响应点击等情况时启用此技能。仅限 Next.js 16 Web 环境使用。不适用于：WebGL/Konva 画布渲染（此为不同架构——本技能会判断何时应切换）、React Native，或围绕画布构建编辑器 UI 的场景。

模型生成摘要（rules/v1 · 2026-11-14 05:05）：决定并构建一个支持平移/缩放的画布，其画板为实时 `<iframe>` 预览——这是 AI 网站/应用构建器（如 Reweb、Sleek、Plasmic、Builder
这是模型对公开材料的总结，不是官方声明，请以原链内容为准。

存档时间线

版本	存档时间	内容哈希	内容
v1	2026-11-14 05:05	888397ab	可取

版本索引永久保留；内容副本只保留最新 1 份，更早版本仅留索引与哈希（存档时间线的证据链不会因此断裂）。

下载存档内容副本

纠错与举报（发现条目失效、署名有误或涉及侵权？）

提交举报 / 纠错

侵权举报经核验成立后，我们会即时下线该条目并删除已存的内容副本。