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://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的资源
bgconverter
证件照换底色/签证照万能修改之王
官网
MagicPattern
一个简易图像设计的在线工具
官网
excalidraw
一款非常轻量的在线白板工具
官网
GitHub
Prompt123
完全免费的中文AI提示词,帮助用户更好地利用AI
官网
snapdom
免费开源的Js高性能现代网页截图/海报生成工具
官网
GitHub
svgexport
快速实现 svg 转 png,jpg等格式
点击进入
GitHub
ScrapeGraphAI
一个基于大语言模型的智能爬虫框架
官网
GitHub
JSBox
采用JS 脚本代码编写创造手机小程序的 iOS 效率辅助工具
官网
目录

手机扫一扫预览

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

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