ScreenCoder是一个智能的UI到代码生成系统，可以将任何屏幕截图或设计模型转换为干净的、可用于生产的html/css代码。它采用模块化多代理架构构建，结合了视觉理解、布局规划和自适应代码合成，以生成准确且可编辑的前端代码。
它还支持自定义修改，允许开发人员和设计师轻松调整布局和样式。无论您是快速原型制作还是构建像素完美的界面，ScreenCoder都能弥合设计和开发之间的差距——只需复制、定制和部署。
项目结构
main.py：为单个屏幕截图生成最终HTML代码的主脚本。
UIED/：包含用于分析屏幕截图和检测组件的UIED（UI元素检测）引擎。
run_single.py：在单个图像上运行UI组件检测的Python脚本。
html_generator.py：获取检测到的组件数据，并为每个模块生成一个完整的html布局和生成的代码。
image_replacer.py：一个用实际裁剪的图像替换最终HTML中占位符div的脚本。
mapping.py：将检测到的UIED组件映射到逻辑页面区域。
requirements.txt：列出项目所需的所有Python依赖项。
doubao_api.txt：doubao模型的api密钥文件（应保持私有，并包含在.gignore中）。
注意事项
- 识别效果受截图质量影响：如果截图模糊、文字太小、有遮挡（比如水印），识别准确率会下降，尽量用清晰、无遮挡的代码截图；
- 不支持识别 “手写代码”：只能识别电脑上显示的代码（比如 IDE 里的代码、网页上的代码），手写在纸上的代码截图无法准确识别；
- 开源项目更新靠社区：如果遇到 bug，除了等作者修复，也可以在 GitHub 上提 “Issues”（问题），或者自己改代码修复后提交 “Pull Request”（贡献代码）。
仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！
链接: https://fly63.com/nav/4536
