壹只码农2026年07月14日
5阅读

技术信息

语言技术
PythonCSSReactTypeScript
系统类型
Web
行业分类
开发工具

作品详情

行业场景

面向的是中小企业/个人建站需求——很多小商家、自由职业者、小微团队想要一个网站,但:
找建站公司报价高、周期长
自己用 WordPress/模板站又不会改、不会维护
懂点设计但不会写代码,或者会写代码但没时间从零搭
大模型直接生成代码对于不熟悉代码的用户来说还是没有办法去微调
我们的工具就是来解决现在这些问题的。对ai生成网站做了封装用户完全不用碰代码,直接上传自己的资料,简单描述需要什么样的网站,提交ai通过分析提交的资料,还有工具本身的规则,生成一个符合用户想法的网站,再通过可视化拖拽的工具进行微调,达到想要的网站,开发周期缩的很短,成本降的很低,效果对于专业设计网页设计出来的也差不了多少。

功能介绍

1. 生成入口(两种模式)

复刻模式:用户提供一个参考网站截图或 URL,AI 还原出结构、配色、排版相近的网站
需求模式:用户直接写需求文档,或上传素材图/聊天截图,AI 从零设计生成(这个是后加的独立入口,跟复刻模式并行不冲突)
2. 可视化编辑器

生成完之后网页跑在 iframe 里,用户可以点选任意元素直接改文字、换图片、改背景图、调色
图片替换这块接了资源库(Iconify 图标 + Pexels 图库 + 内联 SVG),用户不用自己找图
3. 多页站点支持

不止单页,可以整站(首页+子页)一起生成、一起管理、一起下载
4. 导出/下载

一键下载整站源码,下载时会把内联 base64 图片抽成独立文件夹,路径改成相对路径,方便直接部署
还有个独立的 WordPress/Typecho 导出模块,能把生成的站转成 WP 或 Typecho 主题

项目实现

架构核心是一条任务流水线:
用户提交(截图/需求/URL)
→ 后端任务队列(task_queue)
→ 调用 LLM(多provider fallback链: ) 生成 HTML/CSS
→ 落盘任务目录(task.json + output/index.html)
→ 前端轮询/展示进度
→ 编辑器加载渐染
→ 用户编辑
→ 保存回写
→ 截图/下载/发布

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论