AI | 实践教程 - ScreenCoder | 多agents前端代码生成

实践教程:

SCREENCODER: ADVANCING VISUAL-TO-CODE GEN ERATION FOR FRONT-END AUTOMATION VIA MODU LAR MULTIMODAL AGENTS

ScreenCoder:通过模块化多模态代理推进前端自动化的可视化到代码生成 (2025.7)

仓库 论文信息汇总


根据文档 readme.md 进行操作

如果用的 windows+ window for nvm,将虚拟环境 换成

py -3 -m venv .venv

.\.venv\Scripts\Activate.ps1

前面出现 (.venv)

**(.venv)**PS D:\xx\ScreenCoder>

,则表示++虚拟环境的打开++
原版的创建方式 是 linux 下的命令

执行:pip install -r requirements.txt

报错&解决:

报错:错误: 拒绝访问注册表路径。

分析:因为执行了 install -r requirements.txt

解决:前头加 pip

配置模型 和 API 密钥:


其他:

常见的 api:
Gemini > Qwen

deepseek api 【无法进行多模态,弃】

汇总目前免费AI大模型API接口 - 知乎

目前市面上免费的大模型API汇总(2026年01月) | Online's Tool

gemini 教程:谷歌Gemini大模型,如何爽用Gemini-2.5-pro满足日常使用 - 知乎


gpt 的 API 获取教程

api 地址 -》右上头像 -》API keys-》create new secret key -》输入名字-》保存key

一定要注意,复制之后要自己妥善保管好,关闭这个页面即无法再看到这个key,也无法再行复制这个key

不过也不用过分担心,忘记了,我们再新建一个,把原来的删除就好了

扣费仅针对于token数,就是输出文本数,对key的数量没有扣费的

价格参考:定价个人的额度 查看


参考:

【venv 虚拟环境的搭建】:python 笔记(持续更新)_modulenotfounderror: no module named 'torch.utils-CSDN博客

pyenv-win | python版本管理,无需卸载当前版本-CSDN博客

相关推荐
倾颜2 小时前
React 19 源码主线拆解 04:Fiber 到底是什么,React 为什么需要 Fiber?
前端·react.js·源码阅读
AI自动化工坊2 小时前
Late框架技术深度解析:5GB VRAM实现10倍AI编码效率的工程架构
人工智能·5g·架构·ai编程·late
AI攻城狮2 小时前
国产大模型能力大比拼,社区有话说
前端
我是大聪明.2 小时前
DeepSeek V4 Pro + 华为昇腾910:国产大模型落地的性能实测与深度解析
人工智能·华为
机器之心2 小时前
Generalist之后,罗剑岚团队推出LWD,也要变革具身智能训练范式
人工智能·openai
IT_陈寒2 小时前
Vite的public文件夹放静态资源?这坑我替你踩了
前端·人工智能·后端
传说故事2 小时前
【论文阅读】Diffusion Forcing: Next-token Prediction Meets Full-Sequence Diffusion
论文阅读·人工智能·diffusion
xixixi777773 小时前
三重筑基:5G-A超级上行提速千兆,电联低频共享扫平盲点,800V HVDC算电协同破局
人工智能·5g·ai·大模型·算力·通信·信通院
jkyy20143 小时前
AI运动数字化:以技术重塑场景,健康有益赋能全域运动健康管理
大数据·人工智能·健康医疗
涵涵(互关)3 小时前
GoView各项目文件中的相关语法2
前端·javascript·vue.js