AI驱动的产品管理平台

基于产品框架的版本迭代管理工具 —— 一款面向产品经理的开源工具，基于产品框架的版本迭代管理，让需求变更可追溯。在AI的加持下解决传统产品工作中 PRD孤立、版本无关联、变更靠记忆的痛点。
体验地址：https://product-frame-ai.vercel.app 核心功能：

• 产品框架管理：项目→版本→端→模块→页面→元素，结构化组织产品
• 版本迭代追踪：新版本自动继承，变更内容自动标记（新增/修改/删除）
• AI 辅助生成：基于框架上下文生成 PRD、页面元素、元素交互、业务逻辑、UI 原型
• 多 AI 服务商支持：Claude、通义千问、DeepSeek、豆包等

为什么做这个工具？

传统产品工作中，PRD、原型、接口文档散落在各处，版本之间没有关联。需求改了什么？靠记忆、靠沟通、靠翻历史文档。

我们换一种思路：

产品不是一堆文档，而是一个结构化框架。需求变更是在框架上做增量，而不是重写文档。

传统方式	产品智构
PRD 是孤立的文档	PRD 是框架的快照
版本之间无关联	新版本自动继承，变更自动标记
改了什么靠记忆	新增/修改/删除一目了然
AI 从空白生成	AI 基于框架上下文生成

核心理念

产品框架

建立产品的骨架结构：

项目
 └── 版本
      └── 端（APP / 小程序 / PC）
           └── 模块
                └── 页面
                     ├── 元素（按钮、输入框、列表...）
                     └── 业务逻辑（场景、校验、接口、状态、权限、埋点）

版本迭代

每次发版，基于上一版本创建新版本：

• 自动继承：上一版本的内容自动复制
• 自动清理：已删除的内容不再出现
• 变更追踪：新增、修改、删除自动标记

需求变更不再是"改文档"，而是"在框架上标记变化"。

AI 辅助

AI 不是从空白生成，而是基于框架上下文：

• 知道页面有哪些元素
• 知道系统其他页面的逻辑
• 知道需求涉及哪些节点

生成的内容更准确、更贴合实际。

功能特性

📊 产品框架管理

• 多项目、多版本管理
• 三级结构：端 → 模块 → 页面
• 拖拽排序、右键菜单快捷操作

📝 页面内容管理

元素管理

• 分区域组织页面元素
• 40+ 元素类型
• 交互行为设置（跳转、弹窗、提交等）

业务逻辑 6 种逻辑类型，结构化管理：

类型	说明
业务场景	页面在不同条件下的表现
校验规则	表单字段校验逻辑
接口定义	页面需要的 API
状态流转	页面状态变化逻辑
权限控制	不同角色的操作权限
埋点需求	用户行为追踪事件

AI 辅助：根据页面元素和系统上下文，智能补全业务逻辑。

📋 需求管理

• 需求创建与优先级管理
• 关联产品节点，自动分析影响范围
• 变更追踪：新增/修改/删除自动标记

🤖 AI 能力

功能	说明
PRD 生成	基于需求 + 产品框架自动生成
变更分析	分析需求变更涉及的页面和元素
业务逻辑补全	基于页面元素和系统上下文智能生成
UI 生成	根据页面元素生成前端代码

💾 数据安全

• 本地存储，数据不上传服务器
• JSON 导入导出，随时迁移
• Markdown 导出

快速开始

在线体验

本地运行

# 克隆项目
git clone https://github.com/liu950912/product-frame-ai.git
cd product-frame-ai

# 启动 API 代理服务
node proxy-server.js

# 打开应用
open index.html

配置 AI 服务

支持多种 AI 服务商：Claude、通义千问、DeepSeek、豆包等。

技术栈

• 原生 HTML + CSS + JavaScript
• Tailwind CSS
• LocalStorage 本地存储
• Vercel Serverless Functions

开发计划

• 版本对比视图
• 变更历史记录
• AI 需求完整性检查
• API 接口文档生成
• 测试用例生成
• 多人协作支持

License

MIT License

---

作者：刘文超

如果这个项目对你有帮助，欢迎 ⭐ Star 支持！