Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 文章标签
  • 文章投稿
  • 关于我们

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

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的资源
码工具
在线便捷工具大全
官网
res-downloader
超火的​​开源下载工具
官网
GitHub
imglarger
AI人工智能图片放大工具
官网
Hatchful
在线简单logo制作平台
官网
Crisp
国外网站在线客服支持系统平台
官网
FontConverter
在线字体格式转换工具
官网
AI图片处理
一站式AI工具平台,为工作和学习提供智能解决方案
官网
Notable
一款开源的高颜值、跨平台的 Markdown 编辑器
点击进入
GitHub
目录

手机扫一扫预览

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

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