--- title: "目标明确参考：workflow builder template - 目标明确 | 思行致远" canonical: "https://siyuanailab.com/knowledge/workflows/skill-forge/goal-definition/skill-forge-scene-analysis-workflow-builder-template/" dateModified: "2026-06-30" datePublished: "2026-06-30" --- 打开 AI·外脑目录 AI·外脑 [返回专栏首页](https://siyuanailab.com/knowledge/) × 站内搜索 ⌕ 主要栏目 - [AI 核心概念](https://siyuanailab.com/knowledge/ai-core/) - [工作流](https://siyuanailab.com/knowledge/workflows/) - [工具配置与选型](https://siyuanailab.com/knowledge/toolkits/) - [信源与标准](https://siyuanailab.com/knowledge/sources/) - [场景案例 待开发](https://siyuanailab.com/knowledge/scenarios/) - [职业与能力](https://siyuanailab.com/knowledge/career/) 专题 - [从这里开始](https://siyuanailab.com/knowledge/start/) - [获取与安装](https://siyuanailab.com/knowledge/install/) - [建设日志](https://siyuanailab.com/knowledge/ops/) [工作流子目录](https://siyuanailab.com/knowledge/workflows/) 基础设施层 - [浏览器自动化 **5**](https://siyuanailab.com/knowledge/workflows/infrastructure/browser-automation/) - [MCP 工具 **5**](https://siyuanailab.com/knowledge/workflows/infrastructure/mcp-tools/) - [文件系统与本地执行 **5**](https://siyuanailab.com/knowledge/workflows/infrastructure/filesystem-local/) - [API 网关与工具路由 **5**](https://siyuanailab.com/knowledge/workflows/infrastructure/api-tool-routing/) Skill 生产线 - [目标明确 **5**](https://siyuanailab.com/knowledge/workflows/skill-forge/goal-definition/) - [WF-021 目标明确参考：activepieces](https://siyuanailab.com/knowledge/workflows/skill-forge/goal-definition/skill-forge-scene-analysis-activepieces/) - [WF-022 目标明确参考：agentic config](https://siyuanailab.com/knowledge/workflows/skill-forge/goal-definition/skill-forge-scene-analysis-agentic-config/) - [WF-023 目标明确参考：bot with plan](https://siyuanailab.com/knowledge/workflows/skill-forge/goal-definition/skill-forge-scene-analysis-bot-with-plan/) - [WF-024 目标明确参考：m8m](https://siyuanailab.com/knowledge/workflows/skill-forge/goal-definition/skill-forge-scene-analysis-m8m/) - [WF-025 目标明确参考：workflow builder template](https://siyuanailab.com/knowledge/workflows/skill-forge/goal-definition/skill-forge-scene-analysis-workflow-builder-template/) - [Skill 设计 **5**](https://siyuanailab.com/knowledge/workflows/skill-forge/skill-design/) - [代码实现 **5**](https://siyuanailab.com/knowledge/workflows/skill-forge/implementation/) - [测试评估 **5**](https://siyuanailab.com/knowledge/workflows/skill-forge/testing-evaluation/) Skill 参考库 - [写作与内容 **5**](https://siyuanailab.com/knowledge/workflows/skill-library/writing-content/) - [研究与知识 **5**](https://siyuanailab.com/knowledge/workflows/skill-library/research-knowledge/) - [沟通与协作 **5**](https://siyuanailab.com/knowledge/workflows/skill-library/communication-collaboration/) - [产品与项目 **5**](https://siyuanailab.com/knowledge/workflows/skill-library/product-project/) - [数据与分析 **5**](https://siyuanailab.com/knowledge/workflows/skill-library/data-analysis/) - [创意与设计 **5**](https://siyuanailab.com/knowledge/workflows/skill-library/creative-design/) - [商业与营销 **5**](https://siyuanailab.com/knowledge/workflows/skill-library/business-marketing/) Agent Building 只收录有多步工作流、工作标准、Loop、Harness、工具链或通信机制的真 Agent；不收纯 persona、profile、curated list 或只有 system prompt 的仓库。 - [多 Agent 框架 **5**](https://siyuanailab.com/knowledge/workflows/agent-building/multi-agent-frameworks/) - [工作流编排 **5**](https://siyuanailab.com/knowledge/workflows/agent-building/workflow-orchestration/) - [Sub-agent 模式 **5**](https://siyuanailab.com/knowledge/workflows/agent-building/sub-agent-patterns/) - [Harness 与评估 **5**](https://siyuanailab.com/knowledge/workflows/agent-building/harness-evaluation/) Skill 生产线 · 目标明确 · Skill 解读 · WF-025 # 目标明确参考：workflow builder template 思行致远 · 2026/6/30 · 置信度：高 目标明确可行性判断Skill生产线 一个 Vercel 出品的 AI 工作流 Builder 模板，把自然语言生成、可视化配置、真实集成、执行日志和 TypeScript 代码生成放在同一套应用里。 # workflow builder template > 一个 Vercel 出品的 AI 工作流 Builder 模板，把自然语言生成、可视化配置、真实集成、执行日志和 TypeScript 代码生成放在同一套应用里。 ## 这个能力解决什么问题 workflow-builder-template 解决的是「需求能否从自然语言变成可执行工作流」。它不是只展示流程图，而是要求每个 trigger/action 都能落到真实 plugin、数据库记录、执行 API 和可生成的 TypeScript。对目标明确阶段的价值是：它让一个想法必须经过节点类型、集成凭证、运行方式、执行历史和代码导出五道检查。 ## 核心逻辑 真实输入包括用户的自然语言描述、React Flow 画布上的 trigger/action 节点、各 plugin 的 credentials、workflow 数据库记录和手动/webhook/schedule/database trigger。处理逻辑是：AI generation API 可把 prompt 转成 workflow 草稿；用户在 UI 中配置节点 schema；workflow 存到 Postgres/Drizzle；执行 API 调用 workflow executor；代码生成模块把流程转换成带 use-workflow 指令的 TypeScript；执行日志通过 API 查询。输出是可运行 workflow、execution logs、可下载/可复制的 TypeScript 和第三方集成动作结果。 ## 技术结构 - 关键模块：`components/workflow/` 提供 canvas、toolbar、node config、trigger/action node；`app/api/workflows/*` 管理 CRUD、execute、webhook、executions、code/download；`lib/workflow-executor.workflow.ts` 和 `lib/workflow-codegen*.ts` 负责执行与生成；`plugins/` 存放 AI Gateway、Blob、Clerk、Firecrawl、GitHub、Linear、Perplexity、Resend、Slack、Stripe、Superagent、v0、Webflow 等集成。 - 调用链路：自然语言或手工配置 -> workflow DB -> execute/webhook API -> executor 调 plugin step -> workflow logs -> codegen API 输出 TypeScript。 - 输入输出：输入是 prompt、节点 schema、credentials、workflow id、trigger payload；输出是 workflow definition、execution status/logs、TypeScript 代码和真实外部服务响应。 - 核心依赖：Next.js、React Flow、Workflow DevKit、PostgreSQL/Neon、Drizzle ORM、Better Auth、AI Gateway、shadcn/ui、pnpm、Vercel 部署。 ## 为什么值得参考 它的价值在于把「想法」和「实现」之间加了一个可检验中间层：可视化 workflow 不是终点，还能生成可运行代码。做 Skill 时可以借这个思路：先把用户需求变成结构化 spec，再决定是否生成脚本或命令，不要让模型直接从需求跳到实现。 ## 为什么不建议直接套用 这是完整 SaaS 模板，依赖 Vercel、Postgres、Better Auth、AI Gateway 和大量外部 integration credentials。它默认包含 Firecrawl、GitHub、Slack、Stripe、Webflow 等会产生真实外部动作的插件，直接用于内部知识流程会引入过多授权和风控工作。它适合产品化平台，不适合轻量本地 Skill。 ## 如何改造成自己的版本 保留「prompt -> workflow spec -> code/export」三段。自己的版本可以先不做 UI：用一个 `workflow.yaml` 描述 trigger、steps、credentials_needed、outputs、review_gate；用小脚本从 YAML 生成 checklist 或脚本骨架。需要外部集成时，按插件模板拆成 `credentials`、`steps`、`test` 三件套，并为每个 step 加 dry-run。 ## 适用场景 - 需要把自然语言需求转换成可视化流程和可执行代码。 - 需要真实集成、执行日志、下载代码和分享 workflow。 - 需要为独立站工作流产品寻找全栈模板参考。 ## 不适用场景 - 只需要本地 Markdown Skill，不需要 SaaS 和登录系统。 - 无法管理多个外部服务的 API key 和权限边界。 - 需求还没有稳定到可以生成可运行代码。 ## 参考信息 - 原项目：[workflow-builder-template](https://github.com/vercel-labs/workflow-builder-template) - 作者：vercel-labs - 相关概念：[[可行性判断]]、[[工作流代码生成]]、[[节点配置]] - 相关卡片：[workflow-read-025](https://siyuanailab.com/knowledge/workflows/skill-forge/goal-definition/skill-forge-scene-analysis-m8m/) ## 参考对象信息 **名称：**workflow-builder-template **作者：**vercel-labs **链接：**[https://github.com/vercel-labs/workflow-builder-template](https://github.com/vercel-labs/workflow-builder-template) ## 适用场景与行动 **场景：**Skill 生产线 / 目标明确 **适合谁：**关注 AI 工作流、Skill 生产和 Agent Building 的读者 **下一步：**先阅读边界说明，再判断它是否适合改造成自己的目标明确流程。 当前内容按公开来源和已审核草稿整理，只作为工作流理解与方法论参考。 涉及客户数据、外部平台、会议记录和业务系统的场景，必须保留人工确认与授权边界。 [上一张：目标明确参考：m8m](https://siyuanailab.com/knowledge/workflows/skill-forge/goal-definition/skill-forge-scene-analysis-m8m/) [返回当前分类](https://siyuanailab.com/knowledge/workflows/skill-forge/goal-definition/) [返回工作流专栏](https://siyuanailab.com/knowledge/workflows/)