WF-LANDING / V1.0.0
从需求到可发布的产品落地页
适合验证一个新服务或产品。工作流把用户研究、内容结构、原型、实现、隐私与发布串在一起。
INPUT / 你要准备
- 用户问题
- 产品承诺
- 唯一主要行动
OUTPUT / 最后得到
- 页面文案
- 响应式网站
- 发布检查表
- 可回滚版本
HUMAN-READABLE FLOW
4 步把事情做完
每一步都必须留下可检查的结果，不把“问过 AI”当成完成。
- 01site-01
写清用户和唯一行动
避免首页同时推销五件事。
怎么做用一句话回答“帮助谁、完成什么、为什么相信”，并选择唯一主要按钮。
- 02site-02
先排内容，再做视觉
让设计服务于理解顺序。
怎么做按问题、结果、过程、证据、风险、行动排列内容；用低保真线框验证手机首屏。
- 03site-03
实现真实交互
避免只有漂亮截图，没有可用产品。
怎么做实现响应式页面、表单、键盘操作、错误状态、元数据和隐私说明。
- 04site-04
发布前做质量闸门
减少上线后才发现的信誉与安全问题。
怎么做检查真实内容、死链接、表单、SEO、性能、隐私、无障碍和回滚方法。
REUSABLE BLOCKS
这条流程用了哪些子流程
目标简报
把模糊想法变成有边界、可验收的一页任务说明。
一个想法或问题 → 目标、受众、限制和完成标准风格手册
固定人物、语气、视觉和禁用项，减少多轮生成漂移。
参考作品与风格要求 → 可复用的风格约束质量闸门
在人最终发布前检查事实、版权、隐私、可用性和完整度。
准备发布的作品 → 问题清单与通过记录发布打包
把作品、说明、来源和版本记录整理成可交付的一套文件。
最终作品及配套资料 → 可分享、可回滚的发布包TOOLKIT
配套工具与替换位置
通用助手ChatGPT
拆解任务、生成草稿、检查遗漏
网页 / App；套餐与地区可用性以官网为准 ↗中文助手Kimi
中文长文、资料整理、初稿讨论
网页 / App；可用性以官网为准 ↗界面设计Figma
整理页面结构和可点击原型
网页 / 桌面端；套餐以官网为准 ↗版本管理GitHub
保存版本、协作与发布代码
网页 / Git 客户端 ↗网站基础设施Cloudflare
域名、网页托管、边缘接口与安全
网页控制台；免费额度和限制以官网为准 ↗工具功能、价格和地区可用性会变化；执行前请打开官网复核。 流程节点可以替换成具备同样输入与输出的工具。
QUALITY GATE
做到这些，才算完成。
- 手机首屏能说清对象、结果和下一步
- 所有按钮、表单与错误状态可用
- 案例和数据均有真实依据
- 发布前保留可恢复版本
SAFETY NOTES
不要跳过的风险。
- 表单只收集完成目的所需的最少信息。
- 密钥只放在托管平台的机密变量中，不写入网页代码或代码仓库。
AGENT-READABLE
同一条流程，也能直接交给 Agent。
接口保留版本、输入、输出、步骤和人工审批要求。 Agent 可以读取流程，但不能替代需要人确认的发布决定。
{
"id": "wf-landing",
"version": "1.0.0",
"inputs": [
"用户问题",
"产品承诺",
"唯一主要行动"
],
"outputs": [
"页面文案",
"响应式网站",
"发布检查表",
"可回滚版本"
],
"steps": [
{
"id": "site-01",
"action": "用一句话回答“帮助谁、完成什么、为什么相信”，并选择唯一主要按钮。",
"output": "一页产品简报",
"requires_human_check": true
},
{
"id": "site-02",
"action": "按问题、结果、过程、证据、风险、行动排列内容；用低保真线框验证手机首屏。",
"output": "内容线框",
"requires_human_check": true
},
{
"id": "site-03",
"action": "实现响应式页面、表单、键盘操作、错误状态、元数据和隐私说明。",
"output": "可运行网站",
"requires_human_check": true
},
{
"id": "site-04",
"action": "检查真实内容、死链接、表单、SEO、性能、隐私、无障碍和回滚方法。",
"output": "签字版发布清单",
"requires_human_check": true
}
]
}