前言

工作流是一个非常值得搞的技术点,我们平时的在刷抖音的时候经常能刷到扣子的工作流,用这个工作流做了很多工作,好多好看的视频是直接通过工作流来生成的,对应的视频上讲解的是非常的简单,然后通过渲染结果的方式去让你加好友,然后进行卖课,其实没那么复杂,其实就是按照一定的流程来完成某事,将一些AIAgent集合在一起使用罢了,中间个能加上一些核心代码处理,就算不加核心代码处理其实找个合适的AIAgent也都能搞定,下文我们就先来接触一下工作流。

image-20251229194531896

工作流

一句话总结:AI工作流是把多个AI任务按顺序或并行组织起来,自动完成复杂目标的流程。

工作流核心要点

基本组成:

  • 节点:每个步骤(AI调用、数据处理、条件判断等)

  • 连接:节点之间的数据流向

  • 输入/输出:数据在节点间传递

典型流程示例:

输入 → 预处理 → AI分析 → 格式化 → 输出

常见应用:

  • 内容生成(文章、昵称等)

  • 数据分析

  • 多Agent协作

  • 审核发布流程

工作流实操

接下来我们进行具体的实操,我们根据上篇文章所创建的AI应用来测试一下。上篇文章我们创建了AI昵称的应用,我们有对应的系统提示词存留,那么本文我们对生成的昵称进行深加工。

image-20251229194835537

效果面板

初始效果给了个开始和结束,内容不是很多,没有基础流程。

image-20251229195144576

设置系统提示词

添加大预言模型,这里点击蓝色小点就会出现菜单列表,我们选择添加大预言模型。

image-20251229195232656

设置系统提示词,把我们之前设计AI昵称的提示词拿过来。

你是一位专业的昵称创作大师,擅长为用户生成富有诗情画意、意境优美的中文昵称。你的任务是理解用户的需求,结合中国古典诗词、自然意象、情感表达等元素,创作出独特且富有美感的昵称。

## 核心能力

1. **风格多样性**:能够创作出不同风格的昵称
   - 古典诗词风:如"月下独酌""清风徐来"
   - 自然意象风:如"山间溪流""云卷云舒"
   - 情感表达风:如"温柔岁月""静待花开"
   - 现代简约风:如"时光清浅""素心如简"

2. **文化底蕴**:融合中国传统文化元素
   - 引用古诗词意境
   - 运用自然景物比喻
   - 体现哲学思辨
   - 展现情感细腻

3. **个性化定制**:根据用户需求调整
   - 性别倾向(中性/男性/女性)
   - 情感色彩(温暖/清冷/活泼/沉静)
   - 字数要求(2-8字)
   - 主题偏好(如:季节、植物、情感等)

## 输出格式

每次为用户生成昵称时,请按以下格式输出:

### 格式一:单次生成(3-5个昵称)


【昵称推荐】

1. [昵称] - [简短解释,说明意境或来源]
2. [昵称] - [简短解释,说明意境或来源]
3. [昵称] - [简短解释,说明意境或来源]
...

【创作说明】
[简要说明本次创作的风格特点和灵感来源]


### 格式二:批量生成(10-20个昵称)


【昵称列表】

[昵称1]
[昵称2]
[昵称3]
...

【分类说明】
- 古典风格:[列出相关昵称]
- 自然风格:[列出相关昵称]
- 现代风格:[列出相关昵称]


## 创作原则

1. **意境优先**:每个昵称都应该有独特的意境和美感
2. **避免重复**:同一批生成的昵称应避免相似度过高
3. **朗朗上口**:注意音韵搭配,读起来流畅自然
4. **积极正面**:避免负面、低俗或不当的词汇
5. **文化尊重**:尊重传统文化,不滥用或曲解经典

## 创作技巧

1. **意象组合**:将自然元素与情感结合
   - 例:月 + 思念 = "月下思君"
   - 例:风 + 自由 = "风过无痕"

2. **诗词化用**:从古诗词中提取意境
   - 例:从"山重水复疑无路""山重水复"
   - 例:从"落红不是无情物""落红有情"

3. **季节时令**:结合季节特点
   - 春:花、雨、燕、新绿
   - 夏:荷、蝉、清风、绿荫
   - 秋:枫、月、霜、落叶
   - 冬:雪、梅、寒、暖阳

4. **情感表达**:用景物寄托情感
   - 思念:月、雁、书信
   - 自由:风、云、飞鸟
   - 宁静:山、水、竹林
   - 温暖:阳光、春风、灯火

image-20251229195058659

这里一定要给输入数据,否则是无法进行具体工作的。

image-20251229195414354

添加新的工作流

这里的新工作流是对上一个AI返回内容的深度加工。

# AI昵称生成工作流配置说明

## 工作流概述"昵称生成器""昵称美化器"串联,实现从需求到HTML的完整流程。

```
用户输入需求
    ↓
昵称生成Agent(生成昵称文本)
    ↓
昵称美化Agent(提取并生成HTML)
    ↓
返回HTML代码给用户
```

## 配置步骤

### 步骤1:创建昵称生成Agent

1. **Agent名称**:`昵称生成器`
2. **系统提示词**:使用 `AI昵称小助手系统提示词.md` 中的内容
3. **开场白**:使用 `AI昵称小助手开场白.md` 中的内容
4. **模型配置**:选择支持中文的模型(GPT-4、文心一言等)

### 步骤2:创建昵称美化Agent

1. **Agent名称**:`昵称美化器`
2. **系统提示词**:使用 `AI昵称美化器系统提示词.md` 中的内容
3. **开场白**:使用 `AI昵称美化器开场白.md` 中的内容
4. **模型配置**:选择支持代码生成的模型(GPT-4、Claude等)
5. **Temperature**:0.3-0.5(保证代码准确性)

### 步骤3:创建工作流

在 openJiuwen 中:

1. **创建工作流**
   - 进入"工作流""Workflow"页面
   - 点击"创建新工作流"

2. **添加节点**
   - 添加"昵称生成器"Agent节点
   - 添加"昵称美化器"Agent节点

3. **连接节点**
   - 将"昵称生成器"的输出连接到"昵称美化器"的输入
   - 设置数据传递规则

4. **配置输入输出**
   - 工作流输入:用户的需求(如"我想要一个温柔风格的昵称")
   - 工作流输出:HTML代码

## 工作流配置示例

### 配置1:简单串联

```
[开始][昵称生成器][昵称美化器][结束]
```

### 配置2:带条件分支

```
[开始][昵称生成器][判断:是否需要美化?]
                            ├─ 是 → [昵称美化器][结束]
                            └─ 否 → [结束]
```

### 配置3:并行处理(可选)

```
[开始][昵称生成器][分支]
                            ├─ [昵称美化器][合并][结束]
                            └─ [格式转换器][合并][结束]
```

## 数据传递格式

### 昵称生成器 → 昵称美化器

**传递内容**:昵称生成器返回的完整文本

**示例格式**:
```
【昵称推荐】

1. 温柔岁月 - 寓意时光温柔,岁月静好
2. 春风十里 - 取自"春风十里不如你",温暖如春
3. 素心如简 - 内心纯净,生活简单美好
```

### 昵称美化器输出

**输出内容**:完整的HTML代码

**格式**:
```html
<!DOCTYPE html>
<html>
...
</html>
```

## 测试工作流

### 测试用例1:基础流程

**输入**:`我想要一个温柔风格的昵称,3-4个字`

**预期流程**:
1. 昵称生成器生成5个昵称
2. 昵称美化器提取并生成HTML
3. 返回HTML代码

### 测试用例2:批量生成

**输入**:`给我生成10个关于秋天的昵称`

**预期流程**:
1. 昵称生成器生成10个昵称
2. 昵称美化器使用网格布局生成HTML
3. 返回HTML代码

## 优化建议

### 1. 错误处理

在工作流中添加错误处理节点:
- 如果昵称生成失败,返回友好提示
- 如果HTML生成失败,返回原始文本

### 2. 用户选择

添加用户选择节点:
- 让用户选择是否需要HTML美化
- 让用户选择HTML样式主题

### 3. 结果预览

添加预览功能:
- 生成HTML后,提供预览链接
- 或直接在工作流中展示预览

### 4. 文件下载

添加文件下载功能:
- 自动将HTML保存为文件
- 提供下载链接

## 常见问题

### Q1: 工作流中数据传递失败?

**A**: 检查节点之间的连接配置,确保输出格式匹配输入格式。

### Q2: HTML代码不完整?

**A**: 检查模型配置,确保Max Tokens足够大(建议1000+)。

### Q3: 样式不够美观?

**A**: 在系统提示词中强化样式要求,或提供更多样式示例。

### Q4: 昵称提取不准确?

**A**: 优化昵称提取规则,在系统提示词中明确提取逻辑。

## 完整工作流示例(JSON格式)

```json
{
  "workflow_name": "昵称生成与美化",
  "nodes": [
    {
      "id": "start",
      "type": "start",
      "name": "开始"
    },
    {
      "id": "nickname_generator",
      "type": "agent",
      "name": "昵称生成器",
      "agent_id": "nickname_generator_agent_id"
    },
    {
      "id": "nickname_beautifier",
      "type": "agent",
      "name": "昵称美化器",
      "agent_id": "nickname_beautifier_agent_id"
    },
    {
      "id": "end",
      "type": "end",
      "name": "结束"
    }
  ],
  "edges": [
    {
      "from": "start",
      "to": "nickname_generator"
    },
    {
      "from": "nickname_generator",
      "to": "nickname_beautifier"
    },
    {
      "from": "nickname_beautifier",
      "to": "end"
    }
  ]
}
```

绑定输出结果

我们需要在输出的时候选择对应的输入,以及输出的时候可以选择流式输出。

image-20251229200506924

输入个问题,我们准备测试:

image-20251229201311615

工作流执行效果

我们可以看到正在逐一的执行中,这里要修正一下,输入输出都要看好具体的是问题还是输出。

image-20251229201128158

效果:

image-20251229201122455

输出结果:

image-20251229201439166

返回的内容没有进行格式化:

image-20251229201536403

修改提示词

我们的提示词肯定有问题,我们来修改一番,加上一些输出要求。

示例输出效果:

  1. 温柔岁月 - 寓意时光温柔,岁月静好
  2. 春风十里 - 取自"春风十里不如你",温暖如春
  3. 素心如简 - 内心纯净,生活简单美好
  4. 静待花开 - 耐心等待美好事物的到来
  5. 暖阳如初 - 如初升的暖阳,温暖人心

修改样式AI提示词:

工作内容

1.根据:1. 温柔岁月 - 寓意时光温柔,岁月静好
2. 春风十里 - 取自"春风十里不如你",温暖如春
3. 素心如简 - 内心纯净,生活简单美好
4. 静待花开 - 耐心等待美好事物的到来
5. 暖阳如初 - 如初升的暖阳,温暖人心
类似的格式进行昵称获取,昵称是:【春风十里】这类的文字。

执行步骤

1.分析文字内容,找出对应的昵称。
2. 按照HTML+CSS结构组织内容来加工这些昵称。
3. 确保技术细节的准确性和完整性
4. 不要使用国外的样式连接

格式要求:
输出一个完整的html代码。

再次测试

AI昵称返回:

【昵称推荐】 1. 执手共度余生 - 源自"执子之手,与子偕老",寓意携手相伴一生 2. 春风十里柔情 - 化用秦观词意,春风般温柔绵长的爱意 3. 月下相思成诗 - 月光下的思念化作最美的诗篇 4. 情深不负韶华 - 在美好年华里坚守真挚的情感 5. 心之所向皆你 - 我的所有向往都与你有关 6. 暖阳融雪情深 - 如冬日暖阳般融化冰雪的深情 【创作说明】 本次创作以表达爱意为主题,融合了古典诗词意境与现代情感表达。每个昵称都蕴含深厚的感情色彩,既有"执手共度"的承诺,也有"春风十里"的浪漫,通过自然意象与情感词汇的巧妙结合,营造出温暖深情的氛围。特别注重六字结构的韵律美感,让每个昵称都朗朗上口,富有诗意。

AI昵称样式优化返回:

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>诗意昵称推荐</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "Microsoft YaHei", "微软雅黑", sans-serif; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); min-height: 100vh; padding: 20px; line-height: 1.6; } .container { max-width: 800px; margin: 0 auto; background: rgba(255, 255, 255, 0.95); border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); overflow: hidden; } .header { background: linear-gradient(135deg, #ff6b6b 0%, #ff8e8e 100%); color: white; text-align: center; padding: 30px 20px; } .header h1 { font-size: 2.5em; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); } .header p { font-size: 1.1em; opacity: 0.9; } .nickname-list { padding: 30px; } .nickname-item { background: #fff; margin-bottom: 15px; padding: 20px; border-radius: 10px; border-left: 5px solid #ff6b6b; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .nickname-item:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .nickname-text { font-size: 1.4em; color: #333; font-weight: bold; margin-bottom: 8px; } .nickname-desc { color: #666; font-size: 0.95em; line-height: 1.5; } .creation-desc { background: #f8f9fa; padding: 25px; margin-top: 20px; border-radius: 10px; border-top: 3px solid #ff6b6b; } .creation-desc h3 { color: #333; margin-bottom: 15px; font-size: 1.3em; } .creation-desc p { color: #555; line-height: 1.7; text-align: justify; } @media (max-width: 600px) { .header h1 { font-size: 2em; } .nickname-text { font-size: 1.2em; } .container { margin: 10px; } } </style> </head> <body> <div class="container"> <div class="header"> <h1>诗意昵称推荐</h1> <p>蕴含深情与诗意的六个昵称</p> </div> <div class="nickname-list"> <div class="nickname-item"> <div class="nickname-text">执手共度余生</div> <div class="nickname-desc">源自"执子之手,与子偕老",寓意携手相伴一生</div> </div> <div class="nickname-item"> <div class="nickname-text">春风十里柔情</div> <div class="nickname-desc">化用秦观词意,春风般温柔绵长的爱意</div> </div> <div class="nickname-item"> <div class="nickname-text">月下相思成诗</div> <div class="nickname-desc">月光下的思念化作最美的诗篇</div> </div> <div class="nickname-item"> <div class="nickname-text">情深不负韶华</div> <div class="nickname-desc">在美好年华里坚守真挚的情感</div> </div> <div class="nickname-item"> <div class="nickname-text">心之所向皆你</div> <div class="nickname-desc">我的所有向往都与你有关</div> </div> <div class="nickname-item"> <div class="nickname-text">暖阳融雪情深</div> <div class="nickname-desc">如冬日暖阳般融化冰雪的深情</div> </div> </div> <div class="creation-desc"> <h3>创作说明</h3> <p>本次创作以表达爱意为主题,融合了古典诗词意境与现代情感表达。每个昵称都蕴含深厚的感情色彩,既有"执手共度"的承诺,也有"春风十里"的浪漫,通过自然意象与情感词汇的巧妙结合,营造出温暖深情的氛围。特别注重六字结构的韵律美感,让每个昵称都朗朗上口,富有诗意。</p> </div> </div> </body> </html> 

最后HTML样式效果

可以看到效果还不错:

image-20251229202642239

总结

工作流可以连续工作,这回就可以大胆的解决我们在单个应用上无法解决问题的痛苦,我当前只进行了两次AI大模型处理,还没有对其他内容进行处理,所以我们还可以做很多事情,后面的文章我们继续搞。

有兴趣的快去试试吧:

相关资源:

OpenJiuwen项目地址:https://atomgit.com/openJiuwen?utm_source=csdn

OpenJiuwen官网:https://www.openjiuwen.com?utm_source=csdn

核心组件仓库:
●Agent Studio(智能体工作室):https://atomgit.com/openJiuwen/agent-studio
可视化智能体开发平台,提供拖拽式编排能力
●Agent Core(智能体核心):https://atomgit.com/openJiuwen/agent-core
智能体核心引擎,提供Agent开发、运行、调优与演进相关的全套SDK能力

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐