Skip to content

Latest commit

 

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PM 产品工作台 (PM Workbench)

面向产品经理的单文件全栈工作台应用 — 无需服务器、无需数据库、无需构建工具,打开即用。

A single-file full-stack workbench for product managers — no server, no database, no build tools. Open and go.

License Version


快速开始 / Quick Start

# 方式一:直接打开 / Option 1: Open directly
双击 index.html

# 方式二:本地服务器 / Option 2: Local server
python -m http.server 8080     # Python 3
# 或 / or
npx serve .                    # Node.js

浏览器访问 http://localhost:8080 / Visit http://localhost:8080


项目概述 / Overview

产品经理日常工作涉及大量信息管理(需求、待办、会议、竞品、OKR),这些信息通常散落在 Notion、飞书、Excel、聊天记录等不同工具中,缺乏统一视图。PM 工作台将这些核心工作流整合到一个自包含的 HTML 文件中。

A PM's daily work involves managing scattered information across Notion, Feishu, Excel, and chat logs. PM Workbench consolidates these workflows into a single self-contained HTML file.

技术架构 / Tech Stack

  • 单文件 SPA / Single-file SPA — index.html only, zero dependencies, zero build
  • 数据存储 / Storage — browser localStorage (JSON serialized)
  • UI 框架 / UI — vanilla HTML5 + CSS3 + JavaScript
  • 设计体系 / Design — Bauhaus style (Red · Yellow · Blue · Black) + 5 skins

功能模块 / Modules

分类 / Category 模块 / Module 说明 / Description
执行 / Execute 今天做什么 / Today 站会要点 + 待办清单 + 进度风险
优先级决策 / Backlog P0-P3 四级 backlog
进度风险 / Tasks 开发任务看板 + 风险评估
会议纪要 / Meetings 会议记录 + 行内待跟进 checkbox
思考 / Think 产品思考 / Thinking 决策三问 + PM 规范体系 + 需求拆分框架 + 原型验证
评审工具 / Review 状态模拟 + 自查清单
参考 / Reference 产品健康 / Products 产品矩阵 + 发布路线图
PRD 版本树 / PRDs PRD 文档管理
AI 助理 / Prompts Prompt 搜索库 + 自检清单
Prompt 工坊 / PromptBoard 自然语言→结构化 Prompt,支持规则模式 & AI 增强模式
着陆 / Landing 项目档案 / Onboard 全景快照 + 干系人 + 术语表 + 决策 + Landing 清单 + 风险
洞察 / Insight 竞品分析 / Competitors 竞品更新 + 功能对比矩阵
用户之声 / Voice 反馈收集 + 来源过滤
目标 / Goals OKR 对齐 / OKRs 目标 + KR + 进度条可视化
文档 / Docs 文档中心 / Docs 项目概述 / 设计规范 / 开发日志 / 测试报告

Prompt 工坊 / PromptBoard (v5.1 新增 / New)

输入自然语言描述,自动匹配 PM 场景模板,生成可直接粘贴给 AI 的结构化 Prompt。

Write what you need in plain language — the tool auto-matches a PM template and generates a structured prompt ready for any AI.

6 套 PM 场景模板 / 6 PM Templates

模板 / Template 适用场景 / Use Case
PRD 撰写 / PRD Writing 需求概述→功能列表→交互说明→验收标准
用户故事 / User Stories 标准格式→Given-When-Then→边界异常
竞品分析 / Competitor Analysis 竞品信息→功能矩阵→差异化策略
需求拆解 / Breakdown 五层拆解→原则检查→任务清单
数据埋点 / Analytics 核心指标→埋点清单→漏斗→看板
通用 / General 自动关键词匹配最佳模板

双模式 / Dual Mode

模式 / Mode 原理 / How 依赖 / Requires
规则模式 / Rule 本地模板骨架 + 关键词匹配填充 / Local template fill 无 / None
AI 增强模式 / AI 调用大模型 API 智能扩写 / LLM-powered generation DeepSeek / OpenAI / Custom API Key

AI 安全机制 / AI Safety

  • 默认关闭 / Off by default — toggle switch, AI mode disabled until manually enabled
  • API Key 仅存浏览器 localStorage,不上传任何第三方服务器
  • 关闭开关时强制切回规则模式,收起 API 配置面板
  • 3 套系统提示词可选:PM 专家 / 反谄媚专家 / 纯用户输入

数据备份 / Data Backup

  • 点击「导出」按钮 → 下载 JSON 备份文件
  • 点击「导入」按钮 → 恢复数据
  • 关闭页面自动备份到 pm_autobackup(静默,无弹窗)
  • 每 60 秒自动备份一次
  • Click Export → download JSON backup
  • Click Import → restore data
  • Auto-backup on page close and every 60 seconds (silent)

部署 / Deployment

GitHub Pages(推荐 / Recommended)

  1. Fork 或 Push 本仓库到 GitHub
  2. Settings → Pages → Source: main branch, root
  3. 访问 / Visit https://你的用户名.github.io/PM-Workbench/

其他 / Others

  • Vercel / Netlify:导入仓库即部署
  • 内网:放到任意 HTTP 服务器根目录
  • 本地:直接双击 index.html

浏览器兼容 / Browser Support

Chrome 90+ Edge 90+ Firefox 90+ Safari 15+ Mobile
⚠️ ⚠️

License

MIT

About

面向产品经理的单文件全栈工作台 — Bauhaus 设计体系 · 全模块可编辑 · localStorage 持久化 · 9 阶段产品管理

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages