Claude Code 本地 skill · v2.1

把一句话想法，
变成一条上线的流水线。

市场调研 → 找参考 → 视觉/页面设计 → 功能与数据（ER 图 / DDL / API 契约）→ 全栈开发 + TDD → 部署上线。一条流水线盖出一个能跑的完整互联网产品，落地页只是其中最简单的一种产物。

一键安装 看它怎么工作
127.0.0.1:7717 · stage 04/07
做一个 互联网产品
看板 阶段 04
页面设计

每个页面 × 每个平台的设计稿排到画布，页面地图盯版本。

阶段 04 / 页面设计 · 进行中

完整产品端到端盖出能跑的 web 应用，不只是设计页面
本地优先操作台只 bind 127.0.0.1，数据在你机器上
一个进程纯 Python3 起服务，无第三方依赖

7 个阶段，从一句话想法走到上线

端到端盖出一个能跑的 web 应用，不只是设计页面——从调研、视觉，到数据库、API、前后端全栈，再到部署上线。每个阶段都有产物、有进度、有可以拍板的节点。

  1. 01 · 市场调研

    定清楚要解决的问题

    竞品分析、核心矛盾梳理，产出产品 brief 与竞品矩阵。

    看板
  2. 02 · 找参考

    攒一份可点选的参考库

    抓参考图、整页截图，登记成可点选的参考清单。

    看板
  3. 03 · 首图设计

    批量出方案，画布上对比

    批量出首图方案，铺到无限画布上缩放、点心、对比。

    画布
  4. 04 · 页面设计

    每页 × 每平台铺到画布

    每个页面 × 每个平台的设计稿排到画布，页面地图盯版本。

    画布
  5. 05 · 功能与数据设计

    ER 图 · DDL · API 契约

    模块清单、ER 图、表结构 DDL、API 契约，定清楚再动手。

    看板
  6. 06 · 开发实现

    前后端全栈 · TDD

    脚手架、前后端全栈、TDD 测试、接口文档，逐步登记。

    看板
  7. 07 · 部署上线

    本地 Docker / CF / 单机

    部署上线：本地 Docker、Cloudflare Pages/Workers 或单机，上线即出交付报告。

    看板

一个跑在本地的操作台

对话是主通道，操作台是另一只眼睛。两边共享同一份状态，你随时看进度、翻产物、给 agent 留言、在画布上拍板。

无限画布对比设计

首图和页面设计阶段，所有方案铺在一张可缩放的画布上。拖拽摆放、双击预览、点心标记，多平台多版本一眼看清。

给 agent 留言

右侧收件箱常驻所有阶段。你写反馈，agent 回复，有未读会亮角标。

点选确认

agent 不确定时，顶部浮出选择条，给你几个具体选项点一下，它再继续。

圈一块发回去

预览图上画个框、加句话，把标注过的局部发给 agent，比打字描述准得多。

多项目进度墙

首页一排卡片，7 段进度条显示每个项目走到第几步。

第一次安装

把右边这段提示词复制，粘进 Claude Code（或 Claude 桌面端）。它会自己从克隆装到启动操作台，全程不用你手动分步。

  1. 1
    复制右侧整段提示词
  2. 2
    粘进 Claude Code / Claude 桌面端
  3. 3
    它自动装好，跟着 /productflow-init、/productflow-start 走

只需 Python3。Docker / Playwright / OpenAI 生图 key 都可选，缺了只降级不挡主流程；/productflow-init 会告诉你缺什么、怎么补。

install-prompt 
请帮我在这台电脑上安装并启动 ProductFlow（一个把"做互联网产品"变成 7 阶段流水线、配本地操作台的 Claude Code 工具，从落地页到带后端和数据库的 Web 应用都能做）。下面每一步你来执行，做完告诉我怎么用：

1. 克隆代码到固定位置（已存在就进目录 git pull 更新）：
   git clone https://github.com/hongnono-wdh/productflow.git ~/.local/share/productflow 2>/dev/null || (cd ~/.local/share/productflow && git pull)

2. 把 4 个 skill 软链进 Claude Code 的 skills 目录：
   mkdir -p ~/.claude/skills
   ln -sfn ~/.local/share/productflow/productflow ~/.claude/skills/productflow
   ln -sfn ~/.local/share/productflow/productflow-init ~/.claude/skills/productflow-init
   ln -sfn ~/.local/share/productflow/productflow-start ~/.claude/skills/productflow-start
   ln -sfn ~/.local/share/productflow/productflow-update ~/.claude/skills/productflow-update

3. 跑自检（查依赖 + 跑测试，确认装对了）：
   python3 ~/.local/share/productflow/productflow/scripts/setup.py
   缺 Playwright 就装 pip install playwright && playwright install chromium（可选）；没 Docker / 没 OpenAI 生图 key 就提醒我（都可选，缺了只降级不挡主流程）。

4. 启动操作台并打开浏览器：
   sh ~/.local/share/productflow/productflow/scripts/start.sh
   然后告诉我操作台地址 http://127.0.0.1:7717/，以及"新开会话可用 /productflow-init、/productflow-start，或直接说想做什么产品/网站"。

只有 Python3 必需，其余可选。

为什么是它

完整产品

不只是落地页

从调研、视觉，到 ER 图 / DDL / API 契约、前后端全栈 + TDD、部署上线，盖出一个能跑的完整互联网产品。

本地优先

数据都在你机器上

操作台只监听 127.0.0.1，项目、key、部署凭证全在本机，不上云、不暴露公网。

人盯节点

关键决策不全自动

选参考、挑首图、确认理解这些拍板动作留给你，agent 跑流程、你定方向。

4 个 skill

装好即用的命令

productflow 主流程、/productflow-init 自检、/productflow-start 启动、/productflow-update 升级。

优雅降级

缺依赖也跑得通

没 Playwright、没 Docker、没生图 key？相关阶段自动降级，整条流水线照样走完。

自动更新

一键升级，数据不丢

操作台检测到新版会在 7717 横幅提示；网页一键或 /productflow-update 都行——git pull + 自动迁移，项目数据原样保留。

v2.1 已由 3 个用户视角端到端走完 ①调研 → ⑦部署，三个项目全部用本地 Docker 上线、E2E 全绿（8/8、12/12、6/6）。

说一句你想做的互联网产品，剩下的交给流水线。

一键安装