WebDesignAgent

WebDesignAgent

WebDesignAgent 简介

WebDesignAgent 是一个自动化的网页设计代理，能够帮助你轻松创建网站。只需一句话描述，它就能生成一系列网站页面。

核心功能

1. 多页面生成 ：能够生成互相关联的网页，提供动态跳转功能，为用户提供无缝的浏览体验。
2. 用户自定义操作 ：用户可以手动添加、删除或修改网页及其内容和关系，完全掌控网站设计。
3. 迭代优化 ：根据用户反馈，对网站代码进行精确调整。
4. 视觉反应 ：利用强大的视觉模型自动优化和改进网页布局。

用户输入支持

1. 文本 → 网站 ：将文本描述转化为功能齐全、美观设计的网站。
2. 图片 → 网站 ：上传图片，自动将其集成到精美的网站中。
3. 视觉提示 → 网站 ：将你的视觉布局转化为网页。
4. 混合设计 ：结合文本、图片和其他视觉提示，创建连贯的网页设计。

使用场景

1. 自动生成 ：通过文本或图片描述，自动生成网站和页面布局。
2. 手动控制 ：用户可以手动修改网站的各个页面，进行细致调整。
3. 快速迭代 ：能够根据用户的反馈快速进行优化，适用于需要频繁更新的项目。
4. 多语言支持 ：支持生成多语言网站，如中文网站。
5. 多种设计风格 ：支持使用如Tailwind等不同的CSS框架，满足不同风格需求。

使用方法

环境和安装

git clone https://github.com/DAMO-NLP-SG/WebDesignAgent.git cd WebDesignAgent pip install -r requirements.txt

设置API配置

配置config.yaml以使用OpenAI API。

快速开始

提供了终端模式和GUI模式两种操作方法，推荐使用GUI模式以获得更友好的界面和控制。

####### GUI模式

python gui.py

按照步骤配置模型、语言、CSS框架等，输入网站描述，点击“Plan”和“Auto Generate”按钮生成网站。

####### 终端模式 根据描述或图片生成网站：

python webdesign.py –save_file “saves/shopping/” –text “a shopping website” –refine_times 2

示例

1. 购物网站 ：根据描述生成的购物网站。
2. 游戏公司网站 ：根据图片和描述生成的网站。

计划

1. 生成后端支持代码。
2. 支持更多大型语言模型（LLMs）。

反馈

欢迎通过提出问题来指出项目的不足，帮助我们改进。