使用场景

Alibaba DAMO：使用图片(damo.png)生成的网站(examples/damo/index.html)。

购物网站：通过描述(一个购物网站)生成的网站(examples/shopping/index.html)。

游戏公司网站：结合图片(damo.png)和描述(动作游戏公司，代表作《黑神话：悟空》)生成的网站(examples/game/index.html)。

产品特色

文本转网站：将文本描述转化为完全功能化、设计精美的网站。

图片转网站：上传图片，自动融入并创建引人注目的网站。

视觉线索转网站：将视觉布局应用到网站上。

混合设计：无缝结合文本、图片和其他视觉元素，创造统一且吸引人的网页设计。

多页面掌握：生成并设计具有动态重定向功能的相互连接的网页。

用户特定添加/删除：手动添加、删除或修改网页、内容及其关系，以完美定制网站。

迭代细化：根据用户反馈对网站代码进行精确修改。

视觉反映：利用强大的视觉模型自主优化网页布局。

使用教程

1. 进入WebDesignAgent的GUI界面。

2. 选择网页设计模式。

3. 根据API选择模型，例如gpt-4o。

4. 选择网站语言。

5. 设置CSS框架，如Tailwind。

6. 设置保存文件的路径。

7. 在网站描述字段中输入文本请求，或在网站图片字段中上传图片请求，或两者结合输入。

8. 点击计划按钮，获取计划的网站文本描述、内容和关系。

9. 如有需要，修改描述。

10. 点击自动生成按钮，生成网站。

11. 根据反馈调整生成的网站，包括修改计划结果、添加/删除网页、提供全局反馈。