Product Design Tool - MCP Server

这是一个用于产品设计的 MCP (Model Context Protocol) 工具，为大模型提供产品设计不同阶段的专业 prompt，帮助生成完整的产品设计方案、技术实现和原型。

功能特性

该工具包含以下 9 个专业工具，对应产品设计的完整流程：

1. 整体计划分析 (overall_planning)

• 生成整体计划分析prompt，指导agent了解完整的文件输出计划
• 明确需要生成哪些文件、各文件间的依赖关系、工具调用策略和执行顺序
• 帮助agent掌握整个产品设计流程的产出物和依赖关系

2. 需求分析 (requirements_analysis)

• 生成需求分析prompt，包括背景、价值主张、解决问题、功能分析、商业目标、非目标等
• 全面的需求挖掘和分析框架

3. 用户研究 (user_research)

• 生成用户研究prompt，包括核心用户画像、核心使用场景等
• 深度用户洞察和行为分析

4. 概念设计 (concept_design)

• 生成概念设计prompt，包括设计理念、需求描述、整体流程等
• 产品概念和架构设计

5. 功能清单 (feature_list)

• 生成功能清单prompt，包括每一项需求功能和二级、三级子功能描述
• 结构化的功能分解和优先级排序

6. 功能描述 (feature_description)

• 生成单个功能模块的详细功能描述和流程图prompt
• 重要：一个prompt只能生成一个功能模块，agent需要多次调用生成所有功能
• 包括功能流程、界面元素、数据处理、验收标准等

7. 原型设计 (prototype_design)

• 生成原型设计prompt，包括原型策略、交互设计理念、内容布局策略、可行性研究分析等
• 原型设计和交互规划

8. UI/UX设计 (ui_ux_design)

• 生成UI/UX设计prompt，直接生成HTML代码展示设计效果
• 视觉设计系统、组件库、响应式布局、交互效果

9. 数据模型 (data_model)

• 生成数据模型prompt，根据功能清单和详细功能描述，输出最终的数据模型列表
• 实体关系设计、数据库表结构、数据完整性

项目结构

product-design-tool/
├── index.js                    # MCP Server 主入口文件
├── package.json               # 项目配置和依赖
├── README.md                  # 使用说明文档
├── test.js                    # 测试脚本
└── prompts/                   # Prompt 生成器文件夹
    ├── overall_planning.js    # 整体计划分析
    ├── requirements_analysis.js # 需求分析
    ├── user_research.js       # 用户研究
    ├── concept_design.js      # 概念设计
    ├── feature_list.js        # 功能清单
    ├── feature_description.js # 功能描述
    ├── prototype_design.js    # 原型设计
    ├── ui_ux_design.js        # UI/UX设计
    └── data_model.js          # 数据模型

安装和使用

1. 安装依赖

npm install

2. 启动 MCP Server

npm start

3. 配置 MCP Client

在你的 MCP 客户端配置文件中添加：

{
  "mcpServers": {
    "product-design-tool": {
      "command": "node",
      "args": ["/path/to/product-design-tool/index.js"]
    }
  }
}

使用示例

整体计划分析

{
  "name": "overall_planning",
  "arguments": {
    "productIdea": "一个任务管理AI助手应用",
    "projectScope": "涵盖任务管理、日程安排、智能提醒等核心功能",
    "timeline": "2个月完成MVP版本"
  }
}

输出说明：该工具会生成一个指导性的prompt，告诉agent：

• 需要生成哪些文件（如design/requirements_analysis.md、design/user_research.md等）
• 所有文件都统一放在design/目录下
• 文件之间的依赖关系（哪些文件依赖哪些文件）
• 如何使用其他工具来生成这些文件
• 整个产品设计流程的执行顺序

文件组织结构

所有生成的文件都统一放在 design/ 目录下：

design/
├── requirements_analysis.md      # 需求分析文档
├── user_research.md             # 用户研究报告
├── concept_design.md            # 概念设计文档
├── feature_list.md              # 功能清单文档
├── feature_descriptions/        # 功能描述文档集
│   ├── feature_task_management.md
│   ├── feature_schedule.md
│   └── ...
├── prototype_design.md          # 原型设计文档
├── ui_ux_design.html           # UI/UX设计HTML文件
└── data_model.md               # 数据模型文档

完整使用流程

Phase 1: 规划阶段

1. 调用 overall_planning 获取完整的文件输出计划和执行策略

Phase 2: 分析阶段

2. 调用 requirements_analysis 生成 design/requirements_analysis.md
3. 调用 user_research 生成 design/user_research.md

Phase 3: 设计阶段

4. 调用 concept_design 生成 design/concept_design.md
5. 调用 feature_list 生成 design/feature_list.md
6. 多次调用 feature_description 为每个功能生成 design/feature_descriptions/*.md

Phase 4: 实现阶段

7. 调用 prototype_design 生成 design/prototype_design.md
8. 调用 ui_ux_design 生成 design/ui_ux_design.html
9. 调用 data_model 生成 design/data_model.md

需求分析

{
  "name": "requirements_analysis",
  "arguments": {
    "productIdea": "一个帮助用户管理个人财务的AI助手应用",
    "background": "随着生活成本上升，用户对财务管理需求增加",
    "targetMarket": "25-35岁的年轻职场人士"
  }
}

用户研究

{
  "name": "user_research",
  "arguments": {
    "requirements": "需求分析结果...",
    "targetUsers": "25-35岁的年轻职场人士",
    "researchFocus": "财务管理习惯和痛点分析"
  }
}

概念设计

{
  "name": "concept_design",
  "arguments": {
    "requirements": "需求分析结果...",
    "userResearch": "用户研究洞察...",
    "designGoals": "简洁直观、智能化建议"
  }
}

功能清单

{
  "name": "feature_list",
  "arguments": {
    "conceptDesign": "概念设计结果...",
    "requirements": "需求分析结果...",
    "priorityLevel": "基于用户价值和技术可行性"
  }
}

功能描述（单个功能模块）

{
  "name": "feature_description",
  "arguments": {
    "featureName": "预算设置",
    "featureLevel": "二级功能",
    "parentFeature": "预算管理",
    "requirements": "用户可以设置月度预算并跟踪支出"
  }
}

原型设计

{
  "name": "prototype_design",
  "arguments": {
    "conceptDesign": "概念设计结果...",
    "featureList": "功能清单...",
    "technicalConstraints": "移动端优先，响应式设计"
  }
}

UI/UX设计（生成HTML）

{
  "name": "ui_ux_design",
  "arguments": {
    "prototype": "原型设计结果...",
    "featureDescriptions": "所有功能描述文档...",
    "designSystem": "现代化设计，蓝色主题"
  }
}

数据模型

{
  "name": "data_model",
  "arguments": {
    "featureList": "功能清单...",
    "featureDescriptions": "所有功能描述文档...",
    "technicalRequirements": "支持多用户，数据安全优先"
  }
}

输出格式

每个工具都会返回一个结构化的专业 prompt，包含：

• 清晰的任务描述
• 详细的分析框架
• 具体可执行的指导
• 专业的行业标准和最佳实践

这些 prompt 可以直接用于指导大模型生成相应阶段的专业设计方案。

架构说明

• 基于 Node.js 和 MCP SDK
• 使用 Stdio 传输协议
• 支持工具列表查询和工具调用
• 错误处理和参数验证

扩展开发

如需添加新的产品设计阶段工具，请在 index.js 中：

1. 在 ListToolsRequestSchema 处理函数中添加新工具定义
2. 在 CallToolRequestSchema 处理函数中添加对应的 case
3. 实现相应的 prompt 生成方法

许可证

ISC License