案例研究

Fenado AI

代理式 AI 平台,将文本提示转化为功能完整的 Web 应用。

50K

用户在生成应用

全栈

单条提示生成输出

实时

WebSocket 生成

已上线
fenado.ai
Fenado AI 首页展示 AI 应用生成平台

挑战

一个写完整代码的 AI,而非代码片段

大多数 AI 代码工具生成的是片段。这里一个函数,那里一个组件。Fenado 的创始人想要不同的东西:一个用户输入"帮我建一个库存管理系统"就能收到一个可运行应用的平台,包含 React 前端、FastAPI 后端、MongoDB 数据库和 JWT 认证。无需手动连接。无需复制粘贴拼装。

技术问题有三个层面。第一,AI 代理需要将模糊的提示分解为具体的屏幕、数据模型和 API 路由。第二,每个屏幕需要通过 WebSockets 实时渲染,让用户看到应用逐步成形。第三,输出必须能编译和运行。错误的导入或缺失的依赖会在第一次生成时摧毁信任。

商业模式要求 Stripe 订阅计费分三个等级($199/月、$1,999/月、$9,999/月),团队协作需要按成员预算控制,还有一个 macOS 桌面应用用于本地开发。所有这些需要作为一个产品交付。

我们构建的内容

提示输入。应用输出。

基于 LangChain 的代理式 AI 管道

用户提交一条文本提示。LangChain 代理将该提示分解为结构化计划:屏幕、数据模型、API 端点和组件层级。每个代理处理一个职责。规划代理映射应用架构。设计代理生成屏幕布局。代码代理编写 React 组件和 FastAPI 路由。代理们通过共享状态图协调,向前传递产物,无需重新提示。

Fenado AI 应用构建器界面展示生成工作流

通过 WebSockets 实时生成

用户在浏览器中看着应用组装起来。每当 LangChain 代理完成一个步骤,服务器通过 WebSocket 连接推送结果。屏幕设计逐个出现。代码文件流入项目树。进度指示器显示哪个代理活跃及其产出。这个反馈循环将 60 秒的等待变成了一种吸引人的构建体验,让用户留在页面上。

Fenado AI 功能区展示实时生成能力

全栈应用输出

每个生成的应用都配备 React 19 前端(使用 shadcn/ui 组件)、FastAPI 后端(配合 MongoDB)和内置 JWT 认证。模板系统强制统一的项目结构:API 路由遵循 RESTful 规范,数据库模型包含验证,前端通过类型化 API 客户端连接后端。用户下载或部署项目,单条命令即可运行。

Fenado AI 平台附加部分展示生成的应用输出

Stripe 计费和团队协作

三个 Stripe 订阅等级控制访问权限:Business $199/月,Business Plus $1,999/月,Business Express $9,999/月。每个等级设置生成限额和功能门控。团队所有者通过邮件邀请成员,分配每人预算,跟踪整个组织的生成使用量。Stripe webhooks 处理升级、降级和失败付款,无需人工干预。

Fenado AI 平台概览展示订阅等级

平台基础设施

  • 逐屏 AI 设计生成。规划代理在代码代理编写前映射每个屏幕,确保输出遵循连贯的视觉层级。
  • macOS 桌面应用用于本地开发。用户在浏览器生成应用,然后在桌面应用中打开,进行编辑、运行和从自己的机器部署。
  • Firebase 认证配合基于角色的访问控制,将个人用户与团队所有者和组织成员分离。
  • 带有明确默认值的模板系统:后端 FastAPI + MongoDB,前端 React 19 + shadcn/ui,JWT 认证在两层之间预连接。

架构

管道如何运作

步骤 1

提示接收

用户用纯文本描述他们想要的内容。规划代理将提示解析为结构化规格:屏幕数量、数据实体、关系和认证需求。

步骤 2

屏幕设计

设计代理逐屏生成布局。每个屏幕映射到最终应用中的一个路由。组件位置、数据绑定和导航流在编写任何代码之前确定。

步骤 3

代码生成

代码代理编写 React 组件、FastAPI 路由、MongoDB 模型和 JWT 中间件。每个文件完成后通过 WebSockets 流式传输到客户端。输出遵循模板系统的规范。

步骤 4

输出

组装完成的项目包含可运行的前端、后端、数据库架构和认证层。用户下载项目或在 macOS 桌面应用中打开。应用单条命令即可运行。

Next.js (App Router) React 19 TypeScript Tailwind CSS shadcn/ui LangChain Python FastAPI MongoDB Firebase Stripe WebSockets JWT

成果

生产数据

50K

用户在生成功能完整的 Web 应用

全栈

前端 + 后端 + API,来自单条提示

3 个等级

Stripe 订阅方案,从 $199 到 $9,999/月

联系我们

开始对话

告诉我们你的项目。我们将在 24 小时内回复,提供清晰的方案、预估时间线和价格区间。

电子邮件

hello@savibm.com

总部位于

阿联酋和印度