案例研究
Fenado AI
代理式 AI 平台,将文本提示转化为功能完整的 Web 应用。
50K
用户在生成应用
全栈
单条提示生成输出
实时
WebSocket 生成
挑战
一个写完整代码的 AI,而非代码片段
大多数 AI 代码工具生成的是片段。这里一个函数,那里一个组件。Fenado 的创始人想要不同的东西:一个用户输入"帮我建一个库存管理系统"就能收到一个可运行应用的平台,包含 React 前端、FastAPI 后端、MongoDB 数据库和 JWT 认证。无需手动连接。无需复制粘贴拼装。
技术问题有三个层面。第一,AI 代理需要将模糊的提示分解为具体的屏幕、数据模型和 API 路由。第二,每个屏幕需要通过 WebSockets 实时渲染,让用户看到应用逐步成形。第三,输出必须能编译和运行。错误的导入或缺失的依赖会在第一次生成时摧毁信任。
商业模式要求 Stripe 订阅计费分三个等级($199/月、$1,999/月、$9,999/月),团队协作需要按成员预算控制,还有一个 macOS 桌面应用用于本地开发。所有这些需要作为一个产品交付。
我们构建的内容
提示输入。应用输出。
基于 LangChain 的代理式 AI 管道
用户提交一条文本提示。LangChain 代理将该提示分解为结构化计划:屏幕、数据模型、API 端点和组件层级。每个代理处理一个职责。规划代理映射应用架构。设计代理生成屏幕布局。代码代理编写 React 组件和 FastAPI 路由。代理们通过共享状态图协调,向前传递产物,无需重新提示。
通过 WebSockets 实时生成
用户在浏览器中看着应用组装起来。每当 LangChain 代理完成一个步骤,服务器通过 WebSocket 连接推送结果。屏幕设计逐个出现。代码文件流入项目树。进度指示器显示哪个代理活跃及其产出。这个反馈循环将 60 秒的等待变成了一种吸引人的构建体验,让用户留在页面上。
全栈应用输出
每个生成的应用都配备 React 19 前端(使用 shadcn/ui 组件)、FastAPI 后端(配合 MongoDB)和内置 JWT 认证。模板系统强制统一的项目结构:API 路由遵循 RESTful 规范,数据库模型包含验证,前端通过类型化 API 客户端连接后端。用户下载或部署项目,单条命令即可运行。
Stripe 计费和团队协作
三个 Stripe 订阅等级控制访问权限:Business $199/月,Business Plus $1,999/月,Business Express $9,999/月。每个等级设置生成限额和功能门控。团队所有者通过邮件邀请成员,分配每人预算,跟踪整个组织的生成使用量。Stripe webhooks 处理升级、降级和失败付款,无需人工干预。
平台基础设施
- 逐屏 AI 设计生成。规划代理在代码代理编写前映射每个屏幕,确保输出遵循连贯的视觉层级。
- macOS 桌面应用用于本地开发。用户在浏览器生成应用,然后在桌面应用中打开,进行编辑、运行和从自己的机器部署。
- Firebase 认证配合基于角色的访问控制,将个人用户与团队所有者和组织成员分离。
- 带有明确默认值的模板系统:后端 FastAPI + MongoDB,前端 React 19 + shadcn/ui,JWT 认证在两层之间预连接。
架构
管道如何运作
步骤 1
提示接收
用户用纯文本描述他们想要的内容。规划代理将提示解析为结构化规格:屏幕数量、数据实体、关系和认证需求。
步骤 2
屏幕设计
设计代理逐屏生成布局。每个屏幕映射到最终应用中的一个路由。组件位置、数据绑定和导航流在编写任何代码之前确定。
步骤 3
代码生成
代码代理编写 React 组件、FastAPI 路由、MongoDB 模型和 JWT 中间件。每个文件完成后通过 WebSockets 流式传输到客户端。输出遵循模板系统的规范。
步骤 4
输出
组装完成的项目包含可运行的前端、后端、数据库架构和认证层。用户下载项目或在 macOS 桌面应用中打开。应用单条命令即可运行。
成果
生产数据
50K
用户在生成功能完整的 Web 应用
全栈
前端 + 后端 + API,来自单条提示
3 个等级
Stripe 订阅方案,从 $199 到 $9,999/月
消息已收到
我们将审核您的项目,并在24小时内回复。
您也可以通过 hello@savibm.com 联系我们