我一直被App Store截图制作烦恼：要么花钱买一个模板工具，要么与Figma打架每次发布，要么尝试使用AI图像生成器，但它会生成错误的分辨率和糟糕的文本 - 一旦一个标题有问题，你就会重新滚动整个图像并丢弃所有其他内容。因此，我建造了Frameflow，一个开源编辑器，它采用不同的方法：AI从来不会生成像素。它是一个代理，它驱动编辑器自己的工具 - 它放置文本层、渐变、形状和设备模拟作为真正的画布元素。当它完成时，你会得到一个正常的、完全可编辑的项目。错误的标题？点击它并输入。错误的颜色？改变渐变。您还可以完全忽略AI并手动设计一切。它是如何工作的：您描述您的应用程序，上传原始截图，从模拟器中，然后代理构建整个套件，跨多个艺术板。还有一种每屏修订动作，允许您修复一个屏幕而不触摸其他屏幕。导出是商店准备好的PNG（1290×2796 / 1242×2688）作为ZIP。一些技术细节，因为这很可能是您关心的部分：React 19 + TypeScript + Vite，完全在浏览器中运行 本地优先：项目和上传存储在IndexedDB中 - 没有账户，没有后端，除了AI调用的外，什么都不会离开您的机器 BYOM：与Claude、GPT、Gemini、Qwen和Kimi一起工作，通过AI SDK使用您的API密钥；您的API密钥在您的本地环境中 Your手动编辑器根本不需要API密钥 设备模拟使用真正的透视几何学，所以截图坐在正确的角度的框架中 MIT授权 请注意：这是非常早期的alpha版本。请预期有很多边缘问题、缺失的设备和偶尔的怪异AI决定。这也是为什么我要发布的原因 - 我非常渴望反馈，了解什么会破裂，什么会缺失，以及“AI作为画布代理”的方法是否适用于您的应用程序。贡献非常欢迎，从bug报告到新设备模拟。仓库：https://github.com/realZachi/frameflow 我很高兴回答有关代理/工具调用的架构 - 这部分是我最喜欢的部分。