AppBlips：用自然语言描述生成单文件 React 应用与网站的自托管生成器

TechMitten/app-blips · AppBlips is a simple, self-hosted text-to-app generator. Describe your idea in plain English and instantly get a working, single-file React app with a live preview. Skip the complex build pipelines and IDEs—just type a prompt and watch your app get built in seconds, ready to use or export.

GitHub原文发布未知首次收录 2026-09-21上架 2026-09-21 07:02

☆ 收藏查看项目 ↗

ELI5：它是什么，解决什么问题

AppBlips 是一个可将纯英文描述转换为可运行应用或网站的自托管工具，生成结果为单文件 React 应用，并附带实时预览。它提供 App Studio（交互工具、游戏、仪表盘）与 Website Studio（落地页、作品集、企业站、博客）两种模式，支持纯文本修改、图片参考、AI 助手功能（blip.ai.text）、撤销重做、移动/桌面视图切换、导出单文件 HTML，托管版还可部署到公开 URL（PWA）。底层通过服务端代理调用 OpenAI 兼容的 LLM 接口，支持本地 npm 运行或 Docker 部署。

# LLM # React # text-to-app # self-hosted # 低代码

核心能力与快速开始

★ 0 · JavaScript

能做什么: 将自然语言提示转换为可运行的单文件 React 应用或网站；提供 App Studio 与 Website Studio 两种生成模式；在生成结果中支持点击编辑与自然语言修改；支持附件图片作为生成参考；可在生成的 app 中调用 blip.ai.text 等 AI 能力；保存历史版本并支持撤销/重做；提供移动端与桌面端预览并支持缩放；可将产物导出为自包含的 HTML 文件；托管版支持部署到公开 URL 并安装为 PWA。
适用场景: 非专业开发者快速把想法变成可预览、可交付的网页应用或网站原型；快速生成落地页、作品集、企业/餐厅网站和博客等静态内容页面；生成交互式小工具、游戏和数据看板；在无云账号依赖的本地或自有服务器上搭建一个受控的文本到应用生成环境；将生成的单文件 HTML 分享或自行托管。
项目形态: 可直接使用的工具
部署方式: 提供托管服务（appblips.com，需登录，项目同步到账号）和自托管两种方式。自托管可使用 Node.js 运行 npm run dev（默认端口 5175），也支持 Docker（docker compose up --build，默认端口 3000）。自托管为单本地用户模式，无登录、无云同步；可配置为 BYOK 或 relay 模式。
主要依赖: 自托管需要 Node.js 20.19+（或 22.12+）和 npm（npm 随 Node.js 捆绑提供）。需要配置至少一个 OpenAI chat-completions 兼容的服务端 LLM 端点与 API Key（如 APPBLIPS_LLM_BASE_URL、APPBLIPS_LLM_API_KEY、APPBLIPS_LLM_MODEL）。生成 app 内的 AI 功能在默认 byok 模式下由终端用户在浏览器内自行提供兼容服务商的 endpoint、模型名和 API Key，且该服务商需允许带 CORS 的浏览器请求。Docker 部署无需 Cloudflare 专属工具。
使用限制: 自托管模式下 /api/chat 不做身份验证，所有请求视为同一本地用户，若暴露到 localhost 之外需自行添加访问控制，否则任何能访问者都可能消耗所配置的 AI 预算。内置限流为每服务器实例内存级，仅视为限速阀而非硬性预算上限。BYOK 模式下 API Key 存于浏览器存储，同一 app 中运行的脚本可访问该 Key，且服务商需允许浏览器 CORS。relay 模式下由运营方承担 AI 费用，需限制允许来源。APPBLIPS_GENERATED_AI_MODE 和 APPBLIPS_APP_AI_RELAY_URL 在构建时嵌入客户端，修改后需重新构建。项目没有接入 npm test 的自动化测试套件，testing/ 目录为独立脚本。
许可证: MIT
最近推送: 2026-09-20 21:22

官方入门项目文档核对 README 依据 ↗

资料检查：2026-09-21 07:00 · 卡片整理：2026-09-21 07:00
卡片由 AI 根据仓库资料整理，未进行安装或运行验证 · 本次更新未完成，保留上次成功内容

职业应用

程序员

程序员可以用自然语言描述快速生成单文件 React 应用或网站，并实时预览、导出 HTML，用于快速原型验证或搭建简单工具、仪表盘。

查看内容依据

AppBlips is a simple, self-hosted text-to-app generator. Describe your idea in plain English and instantly get a working, single-file React app with a live preview.

官方使用入口 ↗

由 AI 根据来源材料整理，未进行安装或运行验证

产品经理

产品经理可以用自然语言描述生成可交互的应用原型或落地页，并实时预览、修改，用于快速验证产品想法或制作演示原型。

查看内容依据

AppBlips lets you describe an app or website in plain language and get back a working version you can preview, tweak, and use immediately.

官方使用入口 ↗

由 AI 根据来源材料整理，未进行安装或运行验证

相似资源

OpenInference：面向 AI 应用的 OpenTelemetry 追踪规范与插件

OpenInference 是 OpenTelemetry 的补充规范和插件集合，用于对 AI 应用进行追踪，可观察 LLM 调用、向量库检索以及搜索引擎、API 等外部工具的使用。它提供与传输方式和文件格式无关的规范，并为多种机器学习 SDK 和框架提供多语言插桩，包括 OpenAI、LangChain、LlamaIndex、Anthropic、MistralAI、Bedrock、VertexAI、CrewAI、Haystack、DSPy、MCP 等。它原生支持 Arize Phoenix 和 Arize AX，也可接入任何兼容 OpenTelemetry 的后端。

Dossier：自托管的求职管理应用，依据个人档案生成定制简历与求职信并跟踪申请进度

Dossier 是一个自托管的求职管理应用，使用 TypeScript 和 Next.js 构建、以 PostgreSQL 存储数据。它把职业经历集中在一个档案中，生成基础简历；针对具体职位，读取招聘信息、展示与档案的匹配情况，并用档案中的事实起草定制简历和求职信，用户可在聊天中修改并导出 PDF。它提供求职岗位搜索与评分、创业公司职位聚合、可选的每日求职 Agent、Claude 连接器，以及可选的 Gmail 与 Google Calendar 集成，并能用看板和数据表跟踪从草稿到 offer 的全流程。AI 模型可选用 Ollama 或 LM Studio 提供的本地模型，也可选用任意 OpenAI 兼容 API、Anthropic 或 Mistral 的托管模型。

AcademicFlow-Agent：基于 LangGraph 与 Ollama 的学术活动协同规划智能体

基于 ReAct 模式与 LangGraph 构建的协同智能体，用于学术活动（课程周、研讨会、工作坊）的规划管理。它可依据对话自动调用六类工具，登记任务与决策、更新活动规划文档章节、汇总项目看板，并通过 PostgreSQL 与 pgvector 对校内规章和公告进行语义检索。系统提供 Streamlit 网页界面与命令行界面，支持按活动或房间隔离数据，并以本地 Ollama 模型（llama3.2 与 nomic-embed-text）驱动对话与向量检索。

midgley：基于 LLM 多智能体的汽油价格预测框架

midgley 是一个用 Python 实现的多智能体时间序列预测框架，目标是预测美国批发 RBOB 汽油期货和多个都市区的零售无铅汽油价格。它把 Gemini、NOAA 天气模型、海运与内河咽喉点、行政社媒缺口、Cboe OVX、Baker Hughes 钻机数、USGS 水文与地震、炼厂检修等非结构化与物理数据，融合为特征向量，再结合 RB=F、CL=F、BZ=F 等商品期货，用 Ridge 回归与 XGBoost 建模，并通过情景模拟器、预测日志和每周复盘反馈回路迭代模型。项目还自动生成公开 Web 仪表盘，展示各地预测、准确率和数据源目录。

这是基于来源内容整理的摘要。原文链接失效后，本页摘要和讨论仍会保留。