Repolode
提交项目
vercel-labs

vercel-labs/fx0

开源设计智能体，根据文字描述生成一个完整的 HTML 页面文件，基于 libfx 构建。

在 GitHub 查看官网
Star
121
Fork
24
未关闭 Issue
2
最近提交
10小时前

这是什么？

fx0 是一个设计智能体。用户在聊天中描述页面，智能体会把它写成一个 HTML 文件，并提供实时预览。每一版设计都会保存，可以重新打开、复制或下载。用户可以从十种 design.md 风格中选择起点，也可以上传自己的风格，并为每个会话选择模型。

它同时也是 libfx 智能体库的示例应用。智能体循环、流式输出、工具调用、重试和持久会话都由一次 createFxAgent() 调用提供，子智能体通过 createFxEngine() 运行。函数在回复中途崩溃时，会话不会丢失，每一步都会保存，并通过 Vercel Queues 从断点继续。

部署需要 Node.js 24、Sign in with Vercel 应用、Neon Postgres 数据库和 Upstash Redis 数据库。生成的页面运行在沙箱 iframe 中，并通过内容安全策略阻止网络请求。

核心功能

  • 01根据文字描述生成一个完整的 HTML 页面文件
  • 02保存每一版设计，可重新打开、复制或下载
  • 03每个会话可单独选择模型、推理强度和快速模式
  • 04智能体可以搜索网络并抓取网页作为参考
  • 05服务函数崩溃时，从最后保存的步骤继续运行
  • 06内置十种 design.md 风格，也支持上传自定义风格

适用场景

  • 根据文字需求快速搭建落地页或营销页原型
  • 生成可分享、可预览的单文件 HTML 设计稿
  • 学习如何基于 libfx 构建持久化的智能体应用

快速上手

  1. 1

    在 fx0.vercel.dev 试用托管版本，或克隆仓库

  2. 2

    安装 Node.js 24，并准备 Sign in with Vercel 应用、Neon Postgres 数据库和 Upstash Redis 数据库

  3. 3

    将 .env.example 复制为 .env.local 并填写配置

使用前须知

  • 自行运行需要 Node.js 24 以及三项外部服务：Sign in with Vercel、Neon Postgres 和 Upstash Redis。
  • 持久化的对话轮次依赖 Vercel 基础设施（Workflow、Queues 和 AI Gateway），完整部署与 Vercel 绑定。

标签

#ai-agent#design#html#llm#libfx#vercel#typescript#prototyping

常见问题

fx0 是什么？
开源设计智能体，根据文字描述生成一个完整的 HTML 页面文件，基于 libfx 构建。 fx0 是一个设计智能体。用户在聊天中描述页面，智能体会把它写成一个 HTML 文件，并提供实时预览。每一版设计都会保存，可以重新打开、复制或下载。用户可以从十种 design.md 风格中选择起点，也可以上传自己的风格，并为每个会话选择模型。
fx0 可以免费使用吗？用的什么许可证？
fx0 以 Apache-2.0 许可证开源。用于商业产品前，请先确认许可证条款。
fx0 还在维护吗？
活跃维护中。fx0 最近一次提交是在 2026年10月19日。
fx0 适合用来做什么？
根据文字需求快速搭建落地页或营销页原型 生成可分享、可预览的单文件 HTML 设计稿 学习如何基于 libfx 构建持久化的智能体应用
fx0 怎么安装和运行？
在 fx0.vercel.dev 试用托管版本，或克隆仓库 安装 Node.js 24，并准备 Sign in with Vercel 应用、Neon Postgres 数据库和 Upstash Redis 数据库 将 .env.example 复制为 .env.local 并填写配置
在哪里获取 fx0？
源代码和安装说明在 GitHub 上：https://github.com/vercel-labs/fx0

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目