Web前端开发网

web.fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 文章投稿
  • 关于我们
资源分类
AI智能酷站推荐招聘/兼职框架/库模块/管理移动端UI框架Web-UI框架Js插件CSS相关在线工具建站资源 更多
网站收录 / 问题反馈

ScreenCoder

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

GitHub:https://github.com/leigest519/ScreenCoder
描述信息:通过截图生成网页,布局一摸一样
GitHub

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://web.fly63.com/nav/4536

更多»
热门资源
5118站长工具
关键词、长尾词挖掘,AI驱动的SEO内容创作平台
官网
fly63工具箱
简单、易用、便捷的在线工具
官网
GitHub
remove.bg
消除图片背景:100% 自动 – 只需 5 秒
官网
retoucher
在线AI智能抠图去背景工具
官网
图片压缩工具
免费减小图片大小,支持JPG/PNG/Webp多种格式
官网
图片格式转换
在线图像转换器,支持JPG/PNG/WebP多种格式
官网
老照片修复神器
AI还原褪色和损坏的照片,在线一键修复老照片
官网
AI图片处理
一站式AI工具平台,为工作和学习提供智能解决方案
官网
证件照生成器
在线制作标准证件照、换底色、AI智能生成
官网
云雾 API
为开发者提供快速、便捷的Web API接口调用方案
官网
阿里云DataV
地图数据
官网
Apifox
API 文档、API 调试、API Mock、API 自动化测试一体化协作平台
官网
类似于ScreenCoder的资源
ZhiMap
比付费好用的思维导图
官网
cssreference.io
可视化CSS样式表手册
官网
Vectary
在线免费3D建模工具
官网
TagLyst
基于「标签式」的文件管理工具
官网
PDF365
在线PDF格式互转平台
官网
regexper
JavaScript 正则可视化工具
官网
GitHub
YeeLogo
在线简单LOGO制作工具
官网
Screen Size
在线查询不同设备的屏幕尺寸
官网
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

Copyright © 2018 Web前端开发网 All Rights Reserved. 分享编程学习资源(教程/框架/库)、在线工具、技术教程、内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。