博主介绍


🌏主页:波仔椿
📑简介:快来了解我吧!
📌专栏:Coze扣子开发实战


文章内容

在这里插入图片描述

现为大家介绍两个简明实用的操作流程,全程使用通俗语言讲解,新手也能轻松上手。

请添加图片描述

1 中草药识别工作流

这个工作流核心是:上传草药图片,就能获取草药的关键信息,步骤简单且结果清晰。

1.1 核心需求

用户上传草药图片后,系统需输出5类关键信息,具体如下:

输出信息 说明
中草药名称 明确识别出的草药具体名字
性味归经 草药的药性、味道及对应的人体经络
主要功效 草药核心的药用作用
适用症状 该草药可治疗或缓解的病症
禁忌事项 使用该草药的注意事项,比如禁忌人群、配伍禁忌等

1.2 三步简易工作流

  1. 上传图片:用户把要识别的草药图片上传到系统;请添加图片描述

  2. 图片识别分析:用具备图像理解功能的大模型(本次选用豆包1.6深度思考.250715模型),先认出草药名字,再结合专业知识分析出性味归经等关键信息;请添加图片描述

  3. 格式化输出:把分析结果按固定清晰的格式呈现给用户。请添加图片描述

1.3 关键配置:提示词设置

提示词分系统和用户两类,作用不同,新手记住按下面配置就行,具体区别看表格更清楚。

1.3.1 两类提示词的区别
类型 作用 简单理解
系统提示词 定义大模型的身份、能力和输出规则 给大模型定“职业”和“规矩”,让它一直按这个标准做事
用户提示词 触发大模型执行具体任务的指令 跟定好规矩的“专家”说具体要做的事
1.3.2 具体提示词内容
  1. 系统提示词(设定大模型为草药识别专家)
    你是一位专业的草药识别专家,能够精准识别用户上传的草药图片,并详细介绍草药的药性等信息。
    ## 技能
    ### 技能1:识别草药并介绍药性
    1.  当用户上传草药图片时,仔细分析图片特征;
    2.  运用专业知识,识别出草药名称;
    3.  详细介绍该草药的药性,包括性味、归经、功效、主治病症等信息。
    ===回复示例===
    - 草药名称: <草药具体名称>
    - 性味归经: <该草药的性味特点>
    - 主要功效: <主要功效>
    - 主治病症: <可治疗的病症列举>
    - 禁忌事项:<主要禁忌>
    ===示例结束===
    ## 限制
    - 只讨论与草药识别和药性相关的内容,拒绝回答无关话题;
    - 输出内容必须按给定格式组织,不能偏离框架。
    
  2. 用户提示词(直接传入图片变量即可)
    {{caoyao}}
    

1.4 输出与异常处理

  1. 正常输出:会严格按照上面的示例格式,清晰列出草药的5类关键信息,一眼就能看懂;
    请添加图片描述

  2. 异常处理:若上传的图片模糊、不是草药图片,或大模型无法识别时,系统会提示用户“图片无法识别,请上传清晰的草药图片后重试”。


2 菜谱生成工作流

这个工作流能实现:输入菜名,自动生成带精美排版的菜谱网页,还能集成到智能体中使用,新手也能轻松做出可复用的菜谱工具。

请添加图片描述

请添加图片描述

2.1 核心需求

  1. 基础需求:用户输入菜名,生成含菜名、介绍、材料、营养、制作步骤的HTML页面,电脑和手机都能查看;
  2. 拓展需求:输入家里现有的食材(比如菠菜、鸡蛋、油、海胆),可推荐适配菜谱并给出制作步骤。

2.2 先搞懂:工作流和智能体的区别

类型 核心特点
工作流 按设定好的步骤一步步执行,流程固定可控
智能体 没有固定的分步执行逻辑,更灵活但流程不可控

2.3 六步实操工作流

  1. 输入菜名:用户在系统中输入想要制作的菜名;请添加图片描述

  2. 调用菜谱插件:用第三方插件获取菜谱数据(本次用插件地址:,该插件能根据菜名返回制作过程等信息);请添加图片描述
    请添加图片描述

  3. 转换数据格式:插件返回JSON格式数据,用大模型把它转换成“菜名+介绍+材料+营养+步骤”的清晰格式;请添加图片描述

  4. 生成HTML页面:用Deepseek v3 0324模型,把整理好的菜谱数据填入HTML模板,生成美观的页面(注意:要调大输出token值,避免内容被截断);

  5. 写入HTML文件:用数据转HTML插件,把生成的HTML文字写入文件,生成网页地址;

  6. 输出结果:把网页地址给用户,用户打开就能查看完整菜谱。

2.4 关键配置:分阶段提示词与模型

整个流程要经过两次数据处理,对应的提示词和模型配置如下:

2.4.1 第一步:整理菜谱基础格式

用大模型把插件返回的JSON数据整理成规整格式,方便后续转HTML。

  1. 系统提示词
    你是一个专业的菜谱整理助手,擅长将传入的菜谱查询数据{{input}}整理成适合输出的格式,确保格式精美、简洁易用。
    ## 技能
    ### 技能1:整理菜谱数据格式
    1.  接收传入的菜谱查询返回数据{{input}},有多条数据时选第一条;
    2.  把菜品名称、描述、食材、营养、步骤按指定格式编排;
    3.  格式要层次分明,方便后续转HTML。
    ===回复示例===
    - **菜品名称**:title
    - **描述**:description
    - **食材**:foods
      - [食材1]
      - [食材2]
    - **营养**:nutritions
      - [营养1]
      - [营养2]
    - **步骤**:steps
      1. [步骤1内容]
      2. [步骤2内容]
    ===示例结束===
    ### 技能2:自动选择
    若输入多个菜谱,只处理第一条,忽略其他。
    ### 技能3:自动补充
    若菜品名称、描述等信息缺失,用专业知识补齐。
    ## 限制
    - 只处理菜谱数据整理,拒绝无关话题;
    - 严格按格式输出,缺失信息需补充完整。
    
  2. 用户提示词{{input}}
2.4.2 第二步:生成HTML页面

借助豆包生成好看的HTML模板,再用提示词让模型替换数据,生成最终页面。

  1. 系统提示词
    你是一位专业的HTML菜谱优化师,擅长优化菜谱HTML页面的美观度与实用性。
    ## 技能
    基于传入的数据{{input}},替换下面HTML模板中的内容,生成优化后的菜谱HTML。模板如下:
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>香煎三文鱼配时蔬 - 简易食谱</title>
      <script src="https://cdn.tailwindcss.com"></script>
      <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
      <script>
        tailwind.config = {
          theme: {
            extend: { colors: { primary: '#e67e22' } }
          }
        }
      </script>
    </head>
    <body class="bg-gray-50 font-sans">
      <main class="container mx-auto px-4 py-6">
        <div class="mb-6">
          <img src="https://picsum.photos/id/488/1200/400" alt="香煎三文鱼配时蔬" class="w-full h-48 md:h-64 object-cover rounded-lg mb-4">
          <h2 class="text-2xl md:text-3xl font-bold mb-2">香煎三文鱼配时蔬</h2>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
          <div class="md:col-span-2 space-y-6">
            <section class="bg-white p-5 rounded-lg shadow-sm">
              <h3 class="text-lg font-bold mb-3 text-primary">菜谱介绍</h3>
              <p class="text-gray-700">外酥里嫩的三文鱼搭配新鲜时蔬,营养均衡且制作简单...</p>
            </section>
            <section class="bg-white p-5 rounded-lg shadow-sm">
              <h3 class="text-lg font-bold mb-4 text-primary">制作步骤</h3>
              <div class="space-y-4">
                <div class="flex gap-3">
                  <span class="bg-primary text-white w-6 h-6 rounded-full flex items-center justify-center flex-shrink-0">1</span>
                  <p>三文鱼柳吸干水分,撒盐和黑胡椒腌制10分钟</p>
                </div>
              </div>
            </section>
          </div>
          <div class="space-y-6">
            <section class="bg-white p-5 rounded-lg shadow-sm">
              <h3 class="text-lg font-bold mb-3 text-primary">食材准备</h3>
              <ul class="space-y-2">
                <li class="flex justify-between pb-2 border-b border-gray-100">
                  <span>三文鱼柳</span><span>300克</span>
                </li>
              </ul>
            </section>
            <section class="bg-white p-5 rounded-lg shadow-sm">
              <h3 class="text-lg font-bold mb-3 text-primary">营养成分</h3>
              <ul class="space-y-2 text-sm">
                <li class="flex justify-between pb-2 border-b border-gray-100">
                  <span>热量</span><span>320千卡</span>
                </li>
              </ul>
            </section>
          </div>
        </div>
      </main>
    </body>
    </html>
    ## 限制
    - 只处理菜谱HTML优化,拒绝无关内容;
    - 输出需符合HTML语法,设计以清晰展示信息为主。
    
  2. 用户提示词{{input}}

2.5 集成到智能体(新手也能做)

把上面的菜谱生成工作流集成到智能体,后续直接用智能体生成菜谱,步骤如下:

  1. 先发布前面做好的菜谱生成工作流;
  2. 在智能体中引入该工作流;
  3. 给智能体配置提示词:
    你是一个专业的智能菜谱生成助手,能够根据用户输入的菜名,快速生成对应的菜谱。
    ## 技能
    ### 技能1:生成菜谱
    1.  当用户输入菜名时,直接调用caipushengchegn工作流获取菜谱信息;
    2.  把获取到的菜谱信息完整返回给用户。
    ## 限制
    - 只回答与菜谱生成相关的内容,拒绝无关话题;
    - 输出内容简洁明了。
    
  4. 测试智能体:输入菜名,就能快速获取对应的菜谱网页啦。

精彩推荐

💡AI智能体入门教程
💡小白易懂版大语言模型与智能体操作指南
💡智能体的记忆功能与实操应用
💡中草药识别与菜谱生成实战指南
💡3个实用Coze工作流:换脸、12306出行、视频提音频(小白版)


本篇博客文章唯一版权归属©波仔椿

Logo

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

更多推荐