Launch HN: VibeFlow (YC S25) – VibeFlow (YC S25) 发布：一款带有可视化、可编辑工作流程的 Web 应用生成器
23 分•作者: alepeak•9 个月前
大家好，我是 Alessia 和 Elia，VibeFlow（<a href="https://vibeflow.ai">https://vibeflow.ai</a>）的创始人。VibeFlow 允许半技术人员（即具备一定技术技能但不是专业程序员的人）通过自然语言提示构建全栈 Web 应用程序，同时将底层的业务逻辑清晰地呈现为可视化的工作流程，并可进行编辑。演示视频：<a href="https://www.youtube.com/watch?v=-CwWd3-b1JI" rel="nofollow">https://www.youtube.com/watch?v=-CwWd3-b1JI</a>。
我们试图解决的问题是：如今，那些想在无需编码的情况下构建应用程序的人，往往需要将多个工具拼凑在一起，例如使用 Lovable 构建前端，使用 n8n 构建工作流程，使用 Supabase 构建数据库。这会造成数据孤岛，并导致构建者面临脆弱的应用程序，这些应用程序在生产中容易崩溃、无法扩展且不安全。我们看到 YouTube 教程教人们如何将这些工具拼凑在一起，仅仅是为了让一个功能性应用程序运行起来。作为构建无代码工具的工程师，我们意识到人们既想要 AI 生成的 UI 的强大功能，又希望能够查看和控制他们的后端工作流程和数据。
我们的解决方案是同时生成整个应用程序，并将其表示为可视化的工作流程。用户用英语描述他们的需求（“我需要一个带有 AI 助手的聊天小部件”），VibeFlow 就会生成界面和逻辑。该逻辑以工作流程图的形式呈现，用户可以通过视觉方式或提供新的指令来编辑它。
我们使用 Convex (<a href="https://www.convex.dev/" rel="nofollow">https://www.convex.dev/</a>) 作为后端。后端代码的生成是完全确定的，我们将工作流程图映射到代码模板。这使得部署具有可预测性，并避免了您经常从 AI 获得的、类似幻觉的、黑盒代码。
工作流程表示：逻辑是一个有向图，其中每个节点都可以自定义。我们目前支持 CRUD 操作和代理组件。对图的任何更改都会直接编译回代码，因此您始终拥有底层逻辑。
前端：通过 AI 生成，并直接链接到工作流程输出，因此它始终与业务逻辑保持同步。对前端的更改可以通过聊天界面进行。
半技术人员可以创建可维护的应用程序（而非不透明的“魔法”），技术人员仍然可以检查代码和架构。与 Bubble/Webflow 相比，界面更简单；与 Zapier 相比，工作流程具有输出代码；与 AI 编码助手相比，您可以获得一个自动连接的后端，而无需黑盒。
您可以在这里试用：<a href="https://app.vibeflow.ai/">https://app.vibeflow.ai/</a>。演示视频是 <a href="https://youtu.be/-CwWd3-b1JI" rel="nofollow">https://youtu.be/-CwWd3-b1JI</a>
我们很乐意听取 HN 社区的意见，无论您是努力将工具拼凑在一起的构建者，还是看到无代码平台痛点的开发人员，亦或是对 AI 驱动的应用程序生成走向何方感兴趣的人——我们都期待您的想法！
查看原文
Hi HN! We’re Alessia and Elia, the founders of VibeFlow (<a href="https://vibeflow.ai">https://vibeflow.ai</a>). VibeFlow lets semi-technical people (i.e. people with some technical skill but who are not professional programmers) build full-stack web apps from natural language prompts, while making the underlying business logic clear and editable as a visual workflow. Demo video: <a href="https://www.youtube.com/watch?v=-CwWd3-b1JI" rel="nofollow">https://www.youtube.com/watch?v=-CwWd3-b1JI</a>.<p>The problem we’re trying to solve: today, people who want to build apps without coding often have to stitch together multiple tools, e.g. using Lovable for the frontend, n8n for workflows, and Supabase for the database. That creates data silos and leaves builders with fragile apps that break in production, don’t scale, and aren’t safe. We saw YouTube tutorials teaching people how to duct-tape these together just to get a functional app running. As engineers building no-code tools, we realized that people wanted the power of AI-generated UIs but also the ability to see and control their backend workflows and data.<p>Our solution is to generate the whole app at once, and represent it as a visual workflow. Users describe what they want in English (“I need a chat widget with an AI agent”) and VibeFlow generates both the interface and the logic. That logic shows up as a workflow graph they can edit visually or by giving new instructions.<p>We use Convex (<a href="https://www.convex.dev/" rel="nofollow">https://www.convex.dev/</a>) as backend. The generation of the backend code is fully deterministic, we map workflow graphs to code templates. This makes deployments predictable and avoids the hallucinated, black-box code you often get from AI.<p>Workflow representation: the logic is a directed graph where each node can be customized. We currently support CRUD operations and agent components. Any changes to the graph compiles directly back into code, so you always own the underlying logic.<p>Frontend: generated via AI and directly linked to workflow outputs, so it always stays in sync with the business logic. Changes to the frontend can be made through a chat interface.<p>Semi-technical builders can create maintainable apps (not opaque “magic”), and technical folks can still inspect the code and architecture. Compared to Bubble/Webflow, the interface is simpler; compared to Zapier, the workflows have an output code; and compared to AI coding assistants, you get an automatic backend plugged in with no black-box.<p>You can try it here: <a href="https://app.vibeflow.ai/">https://app.vibeflow.ai/</a>. The demo video is <a href="https://youtu.be/-CwWd3-b1JI" rel="nofollow">https://youtu.be/-CwWd3-b1JI</a>
We'd love to hear from the HN community, whether you're a builder who's struggled with stitching tools together, a developer who's seen the pain points in no-code platforms, or someone curious about where AI-powered app generation is heading - we're eager for your thoughts!