AI图片自动描述

项目访问链接

https://zion.functorz.com/tool/9G6nZlvZmkO/WEB?code=ADEXrURIF1BpQ 

场景与目标

• 目标：实现用户上传商品图片后，AI 自动生成专业的商品标题和营销文案。
• 适用场景：电商平台自动化上货、CMS 内容管理、社交媒体营销工具等。
• 核心逻辑：UI 界面（图片选择器） -> 行为流（输入参数） -> AI Agent（视觉分析） -> 数据库（存储记录）。

实现步骤

数据存储

首先，需要创建一个数据表来存储用户上传的原图以及 AI 生成的元数据。

• 数据模型：前往 数据 选项卡，在数据库中创建一张名为 商品 的表。

AI Agent配置

1. 输入设置：添加一个输入参数，名称为 商品图片，类型设为 图片。
2. 提示词模板 (Prompt)：
   • 角色：资深电商文案策划专家。
   • 任务详情：分析用户上传的商品图片，识别其核心特征（如品类、材质、风格、成色），并撰写适用于社交电商平台的展示文案。
   • 文案标准：标题需包含品牌+核心品类+修饰词（30 字以内）；文案需语气亲切自然，重点描述细节与卖点。
3. 输出配置：将输出类型设为 结构化。定义一个 body 对象，包含：
   • title (String 类型)
   • description (String 类型)

行为流建设 (Actionflow)

行为流负责处理业务逻辑：接收图片、调用 AI 接口、保存结果到数据库。

1. 输入节点：定义参数 product_image（类型：图片）。
2. AI 处理节点：选择 开始会话 动作。
   • 选择Agent：选择上一步配置好的Agent。
   • 输入绑定：将 商品图片 绑定为行为流的输入数据 product_image。
3. 存储结果节点：选择 添加数据 动作，目标表为 商品。
   • 图片：映射至 行为流数据 / input-data / product_image。
   • 标题：映射至 行为流数据 / AI处理 / data / title。
   • 文案：映射至 行为流数据 / AI处理 / data / description。

UI 搭建与交互绑定

最后，在页面上构建触发流程的入口。

1. 组件结构：
   • 图片选择器：供用户上传照片。
   • 按钮：文案设为“开始生成文案”，用于触发 AI 分析。
2. 交互配置：
   • 选中 按钮，前往右侧 行为 面板。
   • 添加事件：点击时 -> 行为流。
   • 选择行为流：AI商品文案生成。
   • 参数绑定：将行为流所需的 product_image 参数绑定为 图片选择器 组件的值。

验证

1. 点击编辑器右上角的 预览 按钮。
2. 在图片选择器中上传一张清晰的商品图（例如：透明玻璃壶）。
3. 点击“开始生成文案”按钮。
4. 稍等片刻后，前往 数据 -> 数据库 -> 商品表 查看。你将看到一条新记录，其中已包含上传的图片以及 AI 自动生成的标题和营销文案。