Claude Code 本地 skill · v2.1

把做一个落地页，
变成一条流水线。

从一句话产品想法，到本地 Docker 跑起来的页面。7 个阶段，agent 驱动，你只在关键节点拍板。

一键安装 看它怎么工作
127.0.0.1:7717 · stage 04/07
做一个 落地页
看板 阶段 04 页面设计

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

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

本地优先操作台只 bind 127.0.0.1，数据在你机器上
零云依赖不上云、不共享，不暴露公网
一个进程纯 Python3 起服务，无第三方依赖

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

每个阶段都有产物、有进度、有可以拍板的节点。前两步看板登记，第三第四步铺到画布上拖拽对比，最后三步交付到本地。

  1. 01

    市场调研

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

    看板
  2. 02

    找参考

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

    看板
  3. 03

    首图设计

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

    画布
  4. 04

    页面设计

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

    画布
  5. 05

    功能与数据设计

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

    看板
  6. 06

    开发实现

    脚手架、前后端、冒烟测试、接口文档，逐步登记。

    看板
  7. 07

    部署上线

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

    看板

第一次安装

把下面这段提示词复制，粘进 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 工具）。下面每一步你来执行，做完告诉我怎么用：

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 必需，其余可选。

一个跑在本地的操作台

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

无限画布对比设计

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

给 agent 留言

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

点选确认

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

圈一块发回去

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

多项目进度墙

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

为什么是它

本地优先

数据都在你机器上

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

人盯节点

关键决策不全自动

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

可视化

进度与产物看得见

每一步实时登记产物和进度，markdown / SQL / 图片直接在台子里翻。

本地部署

一条命令上线

静态站走 nginx:alpine 本地 Docker，也能推到 Cloudflare Pages/Workers 或单机。

优雅降级

缺依赖也跑得通

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

自动更新

一键升级，数据不丢

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

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

说一句你想做的落地页，剩下的交给流水线。

一键安装