Qwen3-VL:30B企业应用：飞书产品群中PRD截图→自动生成测试用例+验收标准

Qwen3-VL:30B企业应用飞书产品群中PRD截图→自动生成测试用例验收标准1. 引言当产品经理的截图遇上AI测试工作会发生什么想象一下这个场景产品经理在飞书群里发了一张最新的PRD产品需求文档截图了所有测试同学然后问“各位这部分功能的测试用例和验收标准什么时候能出来”在过去测试工程师需要仔细阅读截图中的需求描述理解业务逻辑和用户场景手动编写测试用例定义验收标准反复确认需求细节整个过程至少需要几个小时甚至一两天。但现在有了Qwen3-VL:30B这样的多模态大模型我们可以让AI“看懂”PRD截图然后自动生成高质量的测试用例和验收标准。在上一篇文章中我们已经在CSDN星图AI云平台上完成了Qwen3-VL:30B的私有化部署并通过Clawdbot搭建了管理网关。今天我要带你实现一个真正实用的企业级应用让AI自动分析飞书群里的PRD截图并生成完整的测试文档。2. 为什么选择Qwen3-VL:30B来做这件事2.1 多模态能力的独特优势Qwen3-VL:30B是目前最强的开源多模态大模型之一它不仅能理解文字还能“看懂”图片。这对于处理PRD截图来说简直是量身定做视觉理解能力强能准确识别截图中的文字内容、表格结构、流程图元素上下文理解深30B的参数规模让它能理解复杂的业务逻辑和需求关系输出质量高生成的测试用例结构清晰、逻辑完整、覆盖全面2.2 与传统方法的对比对比维度传统人工编写Qwen3-VL:30B自动生成时间成本2-8小时/功能点2-5分钟/功能点一致性依赖个人经验可能遗漏基于统一标准覆盖全面可复用性每次重新编写模板化输出易于复用准确性可能误解需求直接分析原始截图减少信息失真协作效率需要多次沟通确认一次生成多方评审2.3 实际业务价值对于测试团队来说这个应用能带来实实在在的好处解放人力让测试工程师从重复的文档编写中解放出来专注于更有价值的测试设计和执行提升质量AI生成的测试用例往往更加系统和全面减少遗漏加速流程需求评审后立即生成测试文档缩短测试准备时间知识沉淀所有生成的测试用例可以形成知识库供团队学习和复用3. 环境准备与配置优化3.1 确保Qwen3-VL:30B服务正常运行在开始之前我们需要确认上一篇文章中部署的环境一切正常# 检查Ollama服务状态 curl http://127.0.0.1:11434/api/tags # 检查Clawdbot服务状态 curl http://127.0.0.1:18789/health # 监控GPU使用情况 watch -n 1 nvidia-smi如果服务正常你应该能看到类似这样的输出{ models: [ { name: qwen3-vl:30b, modified_at: 2026-01-29T10:30:00.000Z, size: 60000000000, digest: sha256:abc123... } ] }3.2 配置Clawdbot的飞书集成首先我们需要在Clawdbot中配置飞书机器人的接入# 进入Clawdbot控制台 cd ~/.clawdbot # 编辑配置文件 vim clawdbot.json在配置文件的plugins部分添加飞书集成配置plugins: { entries: { feishu: { enabled: true, config: { appId: 你的飞书应用ID, appSecret: 你的飞书应用密钥, encryptKey: 你的加密密钥, verificationToken: 你的验证Token } } } }3.3 创建飞书应用并获取凭证登录飞书开放平台创建新的企业自建应用获取以下信息App IDApp Secret加密密钥Encrypt Key校验令牌Verification Token配置权限获取群组消息权限发送消息权限上传文件权限发布应用并添加到目标群组4. 核心功能实现PRD截图自动分析4.1 设计系统架构整个系统的架构很简单但很有效飞书群消息 → Clawdbot接收 → 识别PRD截图 → 调用Qwen3-VL:30B分析 → 生成测试文档 → 回复到飞书群4.2 创建智能技能Skill在Clawdbot中我们可以通过创建Skill来实现特定的业务逻辑// ~/.clawdbot/skills/prd-analyzer.js module.exports { name: prd-analyzer, description: 自动分析PRD截图并生成测试用例, // 触发条件当收到包含图片的消息时 triggers: [ { type: message, condition: async (ctx) { const message ctx.message; // 检查消息是否包含图片 const hasImage message.attachments?.some(att att.type image || att.contentType?.startsWith(image/) ); // 检查消息是否来自产品相关群组 const isProductGroup ctx.thread?.name?.includes(产品) || ctx.thread?.name?.includes(PRD) || ctx.thread?.name?.includes(需求); return hasImage isProductGroup; } } ], // 处理逻辑 handler: async (ctx) { try { // 1. 提取图片 const imageAttachments ctx.message.attachments.filter(att att.type image || att.contentType?.startsWith(image/) ); if (imageAttachments.length 0) { return; } // 2. 发送处理中的提示 await ctx.reply( 检测到PRD截图正在分析中请稍候...); // 3. 分析每张图片 const results []; for (const image of imageAttachments) { const analysis await analyzePRDImage(image.url); results.push(analysis); } // 4. 生成测试文档 const testDocument generateTestDocument(results); // 5. 回复到飞书群 await ctx.reply({ text: ✅ PRD分析完成以下是生成的测试用例和验收标准, attachments: [ { type: file, filename: 测试用例_${new Date().toISOString().split(T)[0]}.md, content: testDocument } ] }); } catch (error) { console.error(PRD分析失败:, error); await ctx.reply(❌ 分析PRD截图时出现错误请稍后重试或联系管理员。); } } }; // 调用Qwen3-VL:30B分析图片 async function analyzePRDImage(imageUrl) { const response await fetch(http://127.0.0.1:11434/api/generate, { method: POST, headers: { Content-Type: application/json, }, body: JSON.stringify({ model: qwen3-vl:30b, prompt: 你是一个资深的测试工程师请分析这张PRD截图提取以下信息 1. 功能模块名称 2. 核心需求描述 3. 用户场景和流程 4. 关键业务规则 5. 数据要求和约束 6. 界面交互要点 请用JSON格式返回分析结果。, images: [imageUrl], stream: false, options: { temperature: 0.3, top_p: 0.9, max_tokens: 2000 } }) }); const data await response.json(); return JSON.parse(data.response); } // 生成测试文档 function generateTestDocument(analyses) { let document # 测试用例与验收标准\n\n; document 生成时间${new Date().toLocaleString()}\n; document 基于PRD截图自动生成\n\n; analyses.forEach((analysis, index) { document ## ${index 1}. ${analysis.功能模块名称}\n\n; document ### 需求概述\n; document ${analysis.核心需求描述}\n\n; document ### 测试用例\n; // 生成功能测试用例 document #### 功能测试\n; document | 用例编号 | 测试场景 | 测试步骤 | 预期结果 | 优先级 |\n; document |---------|---------|---------|---------|--------|\n; const functionalCases generateFunctionalTestCases(analysis); functionalCases.forEach((testCase, i) { document | TC-F-${index1}-${i1} | ${testCase.scenario} | ${testCase.steps} | ${testCase.expected} | ${testCase.priority} |\n; }); document \n; // 生成界面测试用例 document #### 界面测试\n; document | 用例编号 | 测试项 | 检查点 | 预期结果 |\n; document |---------|-------|-------|---------|\n; const uiCases generateUITestCases(analysis); uiCases.forEach((testCase, i) { document | TC-UI-${index1}-${i1} | ${testCase.item} | ${testCase.checkpoint} | ${testCase.expected} |\n; }); document \n; // 生成验收标准 document ### 验收标准\n; document #### 功能验收\n; analysis.关键业务规则?.forEach((rule, i) { document ${i1}. ${rule}\n; }); document \n#### 数据验收\n; analysis.数据要求和约束?.forEach((requirement, i) { document ${i1}. ${requirement}\n; }); document \n#### 性能验收\n; document 1. 页面加载时间不超过3秒\n; document 2. 接口响应时间不超过1秒\n; document 3. 支持并发用户数100\n; document \n---\n\n; }); return document; } // 生成功能测试用例的辅助函数 function generateFunctionalTestCases(analysis) { const cases []; // 基于用户场景生成测试用例 analysis.用户场景和流程?.forEach((scenario, index) { cases.push({ scenario: scenario, steps: 1. 进入功能页面\n2. 执行相关操作\n3. 验证结果, expected: 功能按预期工作无错误, priority: index 0 ? 高 : 中 }); }); return cases; } // 生成界面测试用例的辅助函数 function generateUITestCases(analysis) { return [ { item: 布局与样式, checkpoint: 界面布局是否符合设计稿, expected: 与设计稿一致无错位 }, { item: 交互响应, checkpoint: 点击、输入等操作是否正常响应, expected: 操作流畅反馈及时 }, { item: 文字内容, checkpoint: 文字显示是否正确无乱码, expected: 文字清晰内容正确 } ]; }4.3 配置技能到Clawdbot创建好技能文件后需要在Clawdbot配置中启用它{ skills: { install: { nodeManager: npm }, custom: [ { name: prd-analyzer, path: /root/.clawdbot/skills/prd-analyzer.js, enabled: true } ] } }然后重启Clawdbot服务# 停止当前服务 pkill -f clawdbot # 重新启动 clawdbot gateway5. 实际效果演示5.1 测试场景模拟让我们模拟一个真实的业务场景产品经理在飞书群中发送了一张PRD截图内容是关于“用户注册功能优化”的需求[产品经理] 张三 各位这是新版本的用户注册流程优化请大家看看。 [图片register_flow.png] 主要改动 1. 增加手机号快速注册 2. 优化验证码发送逻辑 3. 添加注册进度提示5.2 AI自动分析过程当Clawdbot检测到这条消息时会自动触发prd-analyzer技能识别图片从消息中提取图片附件调用Qwen3-VL:30B将图片发送给模型进行分析生成分析结果模型返回结构化的需求分析生成测试文档基于分析结果自动生成测试用例5.3 生成的测试文档示例以下是AI生成的测试文档片段# 测试用例与验收标准 生成时间2026-01-29 14:30:00 基于PRD截图自动生成 ## 1. 用户注册功能优化 ### 需求概述 优化用户注册流程新增手机号快速注册功能改进验证码发送机制增加注册进度可视化提示。 ### 测试用例 #### 功能测试 | 用例编号 | 测试场景 | 测试步骤 | 预期结果 | 优先级 | |---------|---------|---------|---------|--------| | TC-F-1-1 | 手机号快速注册 | 1. 进入注册页面br2. 输入有效手机号br3. 获取并输入验证码br4. 设置密码并提交 | 注册成功跳转到首页 | 高 | | TC-F-1-2 | 邮箱注册功能 | 1. 选择邮箱注册br2. 输入有效邮箱br3. 点击验证邮件链接br4. 设置密码并提交 | 注册成功邮箱已验证 | 高 | | TC-F-1-3 | 验证码重发机制 | 1. 获取验证码后等待60秒br2. 点击重新发送按钮 | 可重新获取验证码倒计时正确 | 中 | #### 界面测试 | 用例编号 | 测试项 | 检查点 | 预期结果 | |---------|-------|-------|---------| | TC-UI-1-1 | 注册进度提示 | 进度条显示是否正确 | 每个步骤都有明确的进度提示 | | TC-UI-1-2 | 错误提示 | 输入错误时的提示信息 | 提示清晰明确指导用户修正 | ### 验收标准 #### 功能验收 1. 支持手机号和邮箱两种注册方式 2. 验证码有效期为5分钟 3. 同一手机号60秒内只能发送一次验证码 4. 密码强度要求至少8位包含字母和数字 #### 数据验收 1. 手机号格式验证11位数字1开头 2. 邮箱格式验证符合RFC标准 3. 用户信息加密存储 #### 性能验收 1. 注册页面加载时间不超过2秒 2. 验证码发送接口响应时间不超过1秒 3. 支持1000用户同时注册5.4 实际运行效果在飞书群中测试团队会立即收到AI生成的测试文档[测试助手] Clawdbot ✅ PRD分析完成以下是生成的测试用例和验收标准 [文件测试用例_2026-01-29.md]测试工程师可以直接下载Markdown文件导入到测试管理工具如Jira、TestRail基于AI生成的框架进行补充和优化立即开始测试设计工作6. 高级功能扩展6.1 支持多种PRD格式除了截图我们还可以扩展支持其他格式// 扩展支持PDF、Word文档 async function analyzePRDDocument(fileUrl, fileType) { let prompt ; switch(fileType) { case pdf: prompt 分析这份PDF文档中的产品需求...; break; case docx: prompt 分析这份Word文档中的产品需求...; break; case image: prompt 分析这张PRD截图...; break; default: throw new Error(不支持的文件类型: ${fileType}); } // 调用Qwen3-VL:30B进行分析 // ... }6.2 智能测试用例优化基于历史测试数据让AI学习团队的测试风格// 基于历史数据优化测试用例 async function optimizeTestCases(baseCases, historicalData) { const prompt 基于以下历史测试数据优化这些测试用例 历史数据${JSON.stringify(historicalData)} 基础用例${JSON.stringify(baseCases)} 请考虑 1. 常见缺陷模式 2. 边界条件覆盖 3. 用户体验要点 4. 性能测试场景 返回优化后的测试用例列表。; // 调用AI进行优化 // ... }6.3 自动化测试脚本生成更进一步我们可以让AI直接生成自动化测试脚本# AI生成的Python自动化测试脚本示例 import pytest from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.support import expected_conditions as EC class TestUserRegistration: 用户注册功能测试 pytest.fixture def driver(self): driver webdriver.Chrome() driver.implicitly_wait(10) yield driver driver.quit() def test_mobile_quick_register(self, driver): 测试手机号快速注册 # 测试步骤 driver.get(https://example.com/register) # 选择手机注册 mobile_tab driver.find_element(By.XPATH, //div[text()手机注册]) mobile_tab.click() # 输入手机号 mobile_input driver.find_element(By.NAME, mobile) mobile_input.send_keys(13800138000) # 获取验证码 get_code_btn driver.find_element(By.XPATH, //button[text()获取验证码]) get_code_btn.click() # 验证应该显示倒计时 countdown WebDriverWait(driver, 5).until( EC.presence_of_element_located((By.CLASS_NAME, countdown)) ) assert 60 in countdown.text # 这里可以继续完成完整的测试流程... def test_email_register(self, driver): 测试邮箱注册功能 # 类似的测试逻辑... pass7. 最佳实践与注意事项7.1 确保分析准确性虽然Qwen3-VL:30B很强大但仍需人工审核关键业务逻辑重要业务规则需要人工确认安全相关需求权限、数据加密等安全要求必须人工验证合规性要求法律法规相关的需求需要专业评审7.2 建立反馈循环让AI不断学习和改进// 收集人工反馈用于优化AI async function collectFeedback(testCaseId, feedback) { // 存储反馈数据 await db.feedbacks.insertOne({ testCaseId, feedback, timestamp: new Date(), reviewer: feedback.reviewer }); // 定期用反馈数据微调提示词 if (shouldRetrain()) { await retrainPromptTemplate(); } }7.3 性能优化建议图片预处理对大图进行压缩减少传输和处理时间缓存机制对相似的PRD进行缓存避免重复分析批量处理支持一次分析多张相关截图异步处理对于复杂的PRD采用异步处理先返回确认消息7.4 安全考虑权限控制确保只有授权人员可以触发分析数据隔离不同项目的PRD数据要隔离审计日志记录所有的分析请求和结果敏感信息过滤避免在测试用例中泄露敏感信息8. 总结通过将Qwen3-VL:30B与Clawdbot结合我们成功构建了一个能够自动分析PRD截图并生成测试用例的智能助手。这个方案的价值在于8.1 实际效果效率提升将测试用例编写时间从小时级缩短到分钟级质量保证基于AI的分析更加全面和系统知识沉淀所有生成的测试用例形成可复用的知识库协作改进产品、开发、测试之间的沟通更加高效8.2 技术亮点多模态能力充分利用Qwen3-VL:30B的视觉理解能力私有化部署所有数据都在本地保障企业数据安全灵活扩展可以轻松扩展到其他文档类型和分析场景易于集成通过Clawdbot可以快速接入各种协作平台8.3 未来展望这个方案还有很多可以扩展的方向智能测试数据生成基于需求自动生成测试数据缺陷预测基于历史数据预测可能出现的缺陷测试用例维护当需求变更时自动更新测试用例跨团队协作扩展到产品、开发、运维等多个角色最重要的是这个方案证明了AI不仅能够理解技术文档还能真正参与到软件开发的日常工作中成为团队的高效助手。随着模型的不断进化我们可以期待更多类似的智能应用出现真正改变软件开发的工作方式。获取更多AI镜像想探索更多AI镜像和应用场景访问 CSDN星图镜像广场提供丰富的预置镜像覆盖大模型推理、图像生成、视频生成、模型微调等多个领域支持一键部署。