基于 Python 的图片背景移除工具，可作为命令行、代码库、HTTP 服务或 Docker 容器使用。
2.5万2442PythonMIT更新于 8天前
leigest519/ScreenCoder
将 UI 截图和设计稿转换为可编辑的 HTML/CSS 代码，采用模块化多智能体流程。
- Star
- 3,006
- Fork
- 320
- 未关闭 Issue
- 16
- 最近提交
- 上个月
这是什么？
ScreenCoder 是一个视觉转代码系统，输入 UI 截图或设计稿，生成 HTML/CSS 前端代码。它将流程拆分为多个模块：区块检测、基于 UIED 引擎的界面元素检测、占位图生成，以及把截图中的原始图像区域裁剪回页面的图片替换。
生成后，开发者和设计师可以继续调整布局和样式，代码便于修改。生成模型可在 Doubao（默认）、Qwen、GPT 和 Gemini 之间选择，各自通过本地 API key 文件配置。仓库提供 Hugging Face 在线演示，并包含用于对齐模型的 SFT 与 RL 后训练代码，以及由网页截图和对应 HTML 源码构成的 ScreenBench 基准数据集。
该项目是与 EMNLP 2026 论文相关的研究代码，通过一系列 Python 脚本运行，而非打包好的库。
核心功能
- 01将 UI 截图或设计稿转换为 HTML/CSS 代码。
- 02使用 UIED 引擎检测界面组件，并映射到页面区域。
- 03用原截图裁剪出的图片替换占位区块。
- 04支持 Doubao、Qwen、GPT 和 Gemini 作为生成模型。
- 05提供 SFT 与 RL 后训练代码以及 ScreenBench 数据集。
适用场景
- 基于已有截图或设计稿快速搭建网页原型。
- 从设计草稿生成可编辑的前端代码起点。
- 开展视觉转代码生成的基准测试或相关实验。
标签
常见问题
- ScreenCoder 是什么？
- 将 UI 截图和设计稿转换为可编辑的 HTML/CSS 代码，采用模块化多智能体流程。 ScreenCoder 是一个视觉转代码系统，输入 UI 截图或设计稿，生成 HTML/CSS 前端代码。它将流程拆分为多个模块：区块检测、基于 UIED 引擎的界面元素检测、占位图生成，以及把截图中的原始图像区域裁剪回页面的图片替换。
- ScreenCoder 可以免费使用吗？用的什么许可证？
- ScreenCoder 以 Apache-2.0 许可证开源。用于商业产品前，请先确认许可证条款。
- ScreenCoder 还在维护吗？
- 半年内有更新。ScreenCoder 最近一次提交是在 2026年9月15日。
- ScreenCoder 适合用来做什么？
- 基于已有截图或设计稿快速搭建网页原型。 从设计草稿生成可编辑的前端代码起点。 开展视觉转代码生成的基准测试或相关实验。
- 在哪里获取 ScreenCoder？
- 源代码和安装说明在 GitHub 上：https://github.com/leigest519/ScreenCoder
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
基于 PyTorch 的盲人脸修复模型，利用码本查找 Transformer 修复模糊、低质量或老旧的人脸图像。
1.8万3723PythonOther更新于 11个月前
使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架，基于 Node.js 与 Chromium。
12.3万1.8万C++MIT更新于 10小时前
根据 OpenAPI 规范自动生成多种语言的 API 客户端 SDK、服务端桩代码和文档。
2.7万7720JavaApache-2.0更新于 7小时前
一个运行在自有设备上、通过 WhatsApp、Telegram、Slack、Discord 等聊天应用响应你的个人 AI 助手。
39.2万8.2万TypeScriptMIT更新于 2小时前
一套为编码智能体设计的可组合技能库与软件开发方法论，引导 agent 完成设计、规划、TDD 与子代理开发。
30.2万2.7万ShellMIT更新于 9天前