桌面Agent大战续篇：不止数据分析师，产品经理也要失业了

既然数据分析能让 AI 做，那软件产品原型设计也肯定能做吧，本质上就是利用 AI 的前端开发 + 文档撰写的能力，智能体会自己去调度输出 PRD 的过程...对，对吗，对的对的，说干就干！

Seon塞翁

345人浏览 · 2026-03-07 14:59:21

Seon塞翁 · 2026-03-07 14:59:21 发布

前言

写完上一篇三大国产桌面AI智能体横评：我用AI分析了自己的AI使用记录，意外发现… 后意犹未尽，既然数据分析能做，那软件产品原型设计也肯定能做吧，本质上就是利用 AI 的前端开发 + 文档撰写的能力，智能体会自己去调度输出 PRD 的过程…对，对吗，对的对的，说干就干！

在这里插入图片描述

一、测评说明

2026年桌面级AI智能体赛道爆发，国产产品全面入局，告别【聊天式AI】进入【执行式AI】时代。本测评将跳出参数、功能的纸面比拼，聚焦用户真实使用的核心，即复杂长指令的端到端执行与交付能力，还原三款 Agent 产品的真实落地表现。

测评核心：从原型制作到需规撰写，以 4 组梯度化的专业生产类提示词为标尺，验证三款智能体对需求的理解精度、规范遵守度、任务闭环能力与复杂场景处理上限。

1.参评选手

产品名称	出品方	核心产品定位	主打核心能力
QoderWork	阿里Qoder团队	面向知识工作者的桌面级自主AI智能体，主打结果导向的任务执行	本地沙盒环境、模型分级选择、自主任务规划、文件/数据/文档全场景处理、前端设计相关技能支持
MiniMax Agent Desktop	MiniMax	端云协同的通用型桌面Agent，主打「靠谱的数字员工」，兼顾执行能力与专业场景深度	本地文件与网页自动化操作、Expert Agents专家分身、百万级上下文长程记忆、强大的编程与多模态能力
阶跃AI桌面伙伴	阶跃星辰	深度融合操作系统的AI Native生产力助手，主打高兼容性、低门槛的免费桌面Agent体验	全量免费开放、MCP工具生态兼容、全局记忆功能、系统级操作权限、定时任务与工作流搭建

2.任务设计

任务等级	任务名称	核心考核内容
Level1 基础入门	纯SVG绘制个人任务管理仪表盘线框图	SVG语法规范遵守、模块布局还原、样式要求匹配、代码可读性
Level2 进阶整合	集成SVG的PRD文档HTML网页制作	文档结构完整性、跨文件代码集成能力、Tailwind CSS规范遵守、图文排版专业度
Level3 高阶开发	带JS交互的高保真任务管理前端原型	前端代码规范、交互逻辑完整实现、UI设计匹配度、代码可直接运行性
Level4挑战级全链路	AI Agent智能任务编排系统完整PRD文档制作	复杂需求拆解能力、行业认知与自主创作能力、SVG/HTML代码与文档的融合能力、全章节需求闭环交付

二、测评过程

1.纯SVG绘制个人任务管理仪表盘线框图

提示词如下：

你现在是一位精通前端UI结构和纯代码绘图的 UX 设计师。
请仅使用纯 SVG 代码，为我绘制一个“个人任务管理仪表盘”的中保真线框图。

【技术与画布要求】
1. 画布尺寸：设定为 viewBox="0 0 1000 600"（宽1000，高600）。
2. 代码结构：使用 <g> 标签对不同的模块进行分组，并加上注释以便阅读。
3. 样式风格：不要使用任何外部CSS。使用极简风格，背景色为浅灰色(#F9FAFB)，主色调为品牌蓝(#3B82F6)，辅助色使用深灰和白色。带有适度的圆角 (rx, ry)。

【模块与布局要求】
1. 左侧导航栏 (宽 200，高 600，靠左贴边)：
   - 顶部包含一个Logo占位（圆形+文字）。
   - 包含3个菜单项占位（使用圆角矩形和文字，如“总览”、“我的任务”、“设置”），其中“总览”呈现被选中的高亮状态。

2. 顶部 Header (宽 800，高 60，靠右上方)：
   - 左侧为页面标题“今日总览”。
   - 右侧包含一个搜索框占位和一个用户头像（圆形）。

3. 核心内容区 (宽 800，高 540，位于 Header 下方)：
   - 顶部数据卡片：横向排列 3 个数据卡片（如“待办任务”、“已完成”、“延期”），卡片内需有数字和说明文字。
   - 任务列表区：在数据卡片下方，绘制 3 条任务列表项。每条包含：复选框（方形）、任务名称、以及一个代表“优先级”的彩色小圆点。

【输出要求】
请将完整 SVG 代码保存至 .svg 文件，不需要任何其他分析或解释文字。

QoderWork
在这里插入图片描述

MiniMax Agent Desktop
在这里插入图片描述

阶跃AI桌面伙伴
在这里插入图片描述

总结：三个版本均基本实现了任务管理仪表盘的布局，各有侧重。QoderWork 细节丰富但有明显错位；阶跃和 MiniMax 结构简单、准确，无明显问题，但指令遵从略有不足。

2.集成SVG的PRD文档HTML网页制作

与上一个任务在多轮对话中，要求利用之前输出的 SVG，提示词如下：

# Role
你现在是一位世界顶尖的产品经理与资深系统架构师，擅长编写逻辑严密、视觉精美的技术文档。

# Task
请为我策划并编写一份《个人任务管理仪表盘：软件需求说明书 (PRD)》。
你必须将之前提供的【SVG代码】深度集成到这份文档中，最终输出一个单一的、图文并茂的、具备响应式布局的 HTML 网页文档。

# Context & Constraints
1. 技术栈：文档本身需使用 HTML + Tailwind CSS 渲染，确保 UI 风格专业、现代。
2. 代码集成要求：
   - 【集成 SVG】：将之前的 SVG 代码合理利用，嵌入文档功能说明区。

# Document Structure (PRD 必须包含以下章节)
1. 项目概述
2. 业务流程图
3. 功能性需求
4. 用户界面说明

# Output Requirements
- 简单介绍你的创作过程，然后将最终的 PRD 网页代码保存到 html 文件。

QoderWork
在这里插入图片描述

MiniMax Agent Desktop
在这里插入图片描述

阶跃AI桌面伙伴
在这里插入图片描述
总结：

如果前面用SVG画一个单页图不算什么，那这份PRD就已经有点恐怖了对吧…

虽然对这样的单页输出的文档是相当冗余，但从结果上看，这三个文档都成功构建了一个结构完整、图文并茂的 HTML 格式 PRD，在设计哲学、信息架构的侧重点以及视觉表现力上，展现了截然不同的风格和思路。

你的下一份 PRD 何必是 Word 或 Axure，拿这个去组织开发需求评审也并非不可。

测评维度	阶跃	MiniMax	QoderWork
风格定位	高保真原型风	中保真线框风	品牌营销风
文档结构	采用卡片式布局，信息层级清晰，可读性高。	采用左侧导航+主内容区的双栏布局，文档结构清晰，便于长文档的阅读和定位。	采用现代Web单页设计，带有固定顶栏和醒目的Hero封面，章节之间用大面积留白分隔，视觉引导性强。
SVG集成	⭐️⭐️⭐️⭐️⭐️	⭐️⭐️⭐️⭐️	⭐️⭐️⭐️⭐️
界面设计	最佳视觉与交互细节。使用渐变背景、卡片悬浮效果、细致的色彩系统表格，将设计规范与文档本身完美融合，体现了极高的审美。	最稳健和实用。界面设计清晰、专业，没有过度修饰，完全服务于信息传递。响应式导航的实现代码体现了其对实际开发场景的考量。	最具视觉冲击力。深色Hero、渐变文字、毛玻璃效果（glass-card）和动感SVG，让整个文档充满活力和现代感，但稍显“重”，有时会盖过信息本身。
需求表述	采用表格+核心功能详细说明的形式，既有宏观模块清单，又有微观的功能点详解，兼顾了广度和深度。	采用表格+优先级色块的形式，需求ID清晰，优先级（高/中/低）用不同颜色背景突出，非常便于开发团队抓重点。	采用模块化+内嵌表格的形式，每个功能模块作为一个独立的卡片，内部再拆分子需求，结构清晰，并附有“优先级分布总览”，管理视角强。

3.带JS交互的高保真任务管理前端原型

SVG 只是一个静态图片，那如果直接用 HTML 来做交互式原型呢？本回合为独立任务，新开对话窗口，提示词如下：

你现在是一位资深全栈工程师兼高级 UI 设计师。
请为我开发一个“个人任务管理仪表盘”的高保真交互式原型。

【技术栈要求】
1. 单一文件：HTML、CSS、JS 必须全部写在一个文件中。
2. 样式框架：强制使用 Tailwind CSS 的 CDN (<script src="https://cdn.tailwindcss.com"></script>)。
3. 图标库：引入 FontAwesome 的 CDN (<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">)。

【设计与布局要求（UI规范）】
1. 风格：现代扁平化，类似 Notion 或 Linear 的极简清爽风格，使用大量留白和轻微的卡片阴影 (shadow-sm)。
2. 布局：使用 CSS Grid 或 Flexbox。左侧固定侧边栏（宽度约250px），右侧为主内容区。
3. 颜色：主背景色使用 bg-gray-50，文字使用 text-gray-800，主要操作按钮使用品牌蓝 (bg-blue-600)。

【功能模块与交互要求（JS功能）】
1. 头部区域：包含一句动态问候语（如“你好，今天有 3 个待办任务”）和一个“+ 新建任务”的主按钮。
2. 任务列表：至少硬编码包含 3 个任务项。每个任务项左侧有一个复选框（checkbox），右侧有任务标题和删除按钮 (trash icon)。
3. 核心交互逻辑（必须用 JS 实现）：
   - 交互 1：点击某个任务的复选框时，该任务的文字加上删除线 (line-through) 并变为灰色，再次点击恢复。
   - 交互 2：点击“+ 新建任务”按钮，弹出一个浏览器自带的 prompt 输入框，输入文字后，能将新任务动态添加到任务列表中。
   - 交互 3：点击任务右侧的删除按钮，可以将该任务从列表中移除。

【输出要求】
请将完整代码保存到html文件。代码必须可直接在浏览器中双击运行，无需任何额外配置或解释。

QoderWork

在这里插入图片描述

MiniMax Agent Desktop

在这里插入图片描述

阶跃AI桌面伙伴

在这里插入图片描述

总结：三个 Agent 均成功实现了核心要求，在 UI/UX 上各有千秋，相比上一个任务反而不惊艳，因为这样简单的前端开发是 AI 最基本的代码能力了。

4.AI Agent智能任务编排系统完整PRD文档制作

开始挑战级任务，希望 Agent 给出包含原型设计图的需规文档，实在给不了 Word 给 HTML 也行，提示词如下：

# Role
你现在是一位世界顶尖的“全栈型”AI 产品经理（兼具资深 UX 设计师与架构师能力）。你精通产品方法论、前端代码编写（SVG/HTML/CSS）以及自动化文档生成。

# Task
请为我策划、设计并输出一份完整的《AI Agent 智能任务编排系统：软件需求说明书 (PRD)》。
最终交付物必须是一个图文并茂、排版专业的 Word 文档（.docx 格式，需提供下载链接）。或者，如果你当前环境受限，请输出一份排版极其精美的完整 HTML 网页级 PRD 文档。

# Context & Constraints
1. 核心业务：我们要构建一个高度自主的 Agent 系统（具备目标拆解、工具调用、ReAct 逻辑、长短时记忆等能力）。你无需向我索要具体工具列表，请发挥你的行业认知自主定义系统边界。
2. 零素材挑战（核心重点）：我不提供任何视觉素材。你必须在生成文档的过程中，自主完成以下设计：
   - 【自主设计 Logo】：请发挥创意，使用原生的 SVG 代码编写一个具有未来感、AI 元素的系统 Logo，并将其作为图片嵌入到最终的 PRD 封面或页眉中。
   - 【自主设计 UI 原型】：请使用 HTML + Tailwind CSS（或内联 CSS）编写一段核心功能界面的高保真交互原型代码（例如：Agent 任务流监控看板、对话与执行日志分屏界面等）。你需要将这个原型的渲染效果或结构说明，以图文或代码块的形式优美地融入 PRD 的“用户界面需求”章节中。
3. 时间背景：当前时间是 2026年3月，请在文档中体现当前 AI 技术（如多模态大模型、自主智能体网络）的发展特征。

# Document Structure (PRD 必须包含以下章节)
1. 封面与概述：项目名称（请自己取个好听的名字）、版本号 (v1.0)、日期 (2026/03)、以及你生成的 SVG Logo 渲染图。
2. 产品愿景与架构：Agent 解决的痛点及核心业务流（建议用文本描述出逻辑拓扑图）。
3. 核心功能模块详细需求：
   - 意图感知与规划引擎 (Planning)
   - 动态技能挂载与执行 (Execution)
   - 自我纠错与记忆检索 (Memory & Reflection)
4. UI 交互说明（重点验收区）：
   - 展示你自主编写的 HTML 原型代码（或其渲染结果）。
   - 详细拆解该界面的功能分区及用户操作交互逻辑。
5. 非功能需求：性能指标、安全隐私边界。

# Execution Rules
- 如果你具备代码执行环境（如 Python 沙盒），请编写 Python 脚本（使用 svglib/python-docx 等库）将你生成的 SVG 转换并插入 Word 中，最终给我一个可读的 .docx 文件。
- 如果你无法生成文件，请直接输出一份极其惊艳的、包含你编写的 SVG 和 HTML 代码的 Markdown/HTML 混合排版长文，确保排版具有极强的可读性。
- 不要问我需要什么，直接开始你的创作与工程构建。

QoderWork

先是做了一个无交互的纯英文静态页面：

在这里插入图片描述

然后输出了 Word 版 PRD：

在这里插入图片描述

MiniMax Agent Desktop

Logo 单独输出了 SVG：

在这里插入图片描述

加静态页面：

在这里插入图片描述

输出了 HTML 版 PRD：

在这里插入图片描述

阶跃AI桌面伙伴

直接输出 HTML 版 PRD：

在这里插入图片描述

总结：

评价维度	Qoder	MiniMax	阶跃
自主 SVG Logo 设计	✅ 文档插入了 Logo 图片	✅ 在封面部分使用纯 SVG 绘制了完整的 Logo	✅ 同样在封面使用 SVG 绘制了复杂 Logo 并配有动效
UI 原型代码实现	✅ 文档插入了 UI 图片，描述详尽	✅ 嵌入了完整的原型代码，展示了渲染效果	✅ 嵌入了完整的原型代码，展示了渲染效果
文档结构完整性	✅ 完全覆盖了要求的章节，结构清晰	✅ 完全覆盖了要求的章节，结构清晰	✅ 完全覆盖了要求的章节，结构清晰，额外增加了架构图和技术路线章节
内容深度与创新性	内容详实，架构描述深入，对 ReAct、DAG、MCP 等技术细节阐述到位，体现了较新的技术背景	内容深入，在记忆系统部分提出了“三层记忆架构”，并对 RAG 检索流程有详细说明。创新性体现在对多模态输入的强调	内容最为丰富，不仅描述了功能，还提供了大量示例、代码沙箱展示、路线图、技术栈选型表，产品思考完整
排版与视觉呈现	标准 PRD Word 文档，图、表、文排版合理	生成的是完整的 HTML 文档，采用深色主题，并配有阅读友好的章节分隔效果	同样生成 HTML 文档，设计风格类似，排版更精致，技术感强，但各模块颜色区分度较差