news 2026/6/10 14:00:41

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

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
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博客

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/2 19:37:29

Lychee-rerank-mm效果对比:监督微调vs对比学习的性能实测

Lychee-rerank-mm效果对比:监督微调vs对比学习的性能实测 1. 这次实测想回答什么问题 多模态重排序模型最近越来越火,但大家在实际用的时候常常会纠结一个问题:到底该用监督微调(SFT)还是对比学习(CL&…

作者头像 李华
网站建设 2026/6/10 16:49:31

ccmusic-database免配置环境:Gradio界面支持中文流派名显示与结果导出

ccmusic-database免配置环境:Gradio界面支持中文流派名显示与结果导出 1. 什么是ccmusic-database音乐流派分类模型 ccmusic-database不是一个传统意义上的数据库,而是一套开箱即用的音乐流派智能识别系统。它把复杂的音频分析能力封装成一个简洁的网页…

作者头像 李华
网站建设 2026/6/10 16:20:49

雷蛇键盘宏编程教程:Apex英雄连招优化指南

雷蛇键盘宏编程教程:Apex英雄连招优化指南 【免费下载链接】logitech-pubg PUBG no recoil script for Logitech gaming mouse / 绝地求生 罗技 鼠标宏 项目地址: https://gitcode.com/gh_mirrors/lo/logitech-pubg 在快节奏的Apex英雄战场上,毫秒…

作者头像 李华
网站建设 2026/6/10 16:48:54

Gemma-3-270m模型解释性研究:理解AI决策过程

Gemma-3-270m模型解释性研究:理解AI决策过程 1. 为什么我们需要看懂AI在想什么 你有没有过这样的体验:向AI提问后,它给出一个看似合理但又让人将信将疑的回答?比如问“这个设计方案有哪些潜在风险”,它列出了三点&am…

作者头像 李华
网站建设 2026/6/10 15:02:02

英雄联盟辅助工具League Akari全攻略:自动选角与战绩分析上分秘籍

英雄联盟辅助工具League Akari全攻略:自动选角与战绩分析上分秘籍 【免费下载链接】League-Toolkit 兴趣使然的、简单易用的英雄联盟工具集。支持战绩查询、自动秒选等功能。基于 LCU API。 项目地址: https://gitcode.com/gh_mirrors/le/League-Toolkit Lea…

作者头像 李华