zhu-guli326/image2_UI

解决的问题

Image2 UI 是一个将视觉参考（如屏幕截图、设计稿或文字描述）转换为可编辑且交互式前端代码的工具包。它弥补了静态图像或想法与工作原型之间的差距，让设计师和开发人员能够快速迭代 UI 布局、排版和视觉细节。

运作方式

该项目作为一个执行环境和 CLI 工具运作，与 OpenAI Codex 集成以处理实际的代码生成。它支持三种主要工作流程：

• Recreate：根据屏幕截图或参考图像重建布局。
• Redesign：使用参考资料和新的产品方向来建立新的视觉风格。
• Create：根据书面产品简报生成 UI。

为了确保质量，系统使用多代理调度器来协调专业实现、审查和 QA 工作。它还包含一个视觉质量检查循环，将生成的输出与活动参考进行比较。图像资产（照片和插图）与前端代码（按钮、表单和导航）分开管理。

目标用户

• 前端开发人员：快速将屏幕截图转换为可工作的代码。
• UI/UX 设计师：从视觉参考或简报中制作交互式界面原型。

特色亮点

• 可恢复执行：存储状态和事件历史，以便中断的生成执行可以恢复并继续。
• 多代理协调：使用调度器来管理用于实现和 QA 的专业代理。
• 资产管理：用于图像生成和来源追踪的专用工具。
• 验证循环：内置审核和比较工具，用于检查生成的代码与原始参考图像是否一致。