Fanzy 产品工作台
手册规范例子

demo · 手册

demo 是在 fanzy-web 上真实改出来的页面,可以点击、可以操作。需求相关的数据全部是本地模拟的,不需要后端。

对 AI 说

你说AI 做
按确认的要点做 demo改代码、打包,给你预览链接
把按钮改成金色 / 文案改成…… / 弹窗改成从底部弹出修改后重新打包
给我一个手机尺寸的预览给链接,并说明用浏览器手机模式查看
这个页面要登录才能看到怎么办做一个免登录的演示入口
demo 改了哪些代码列出改动文件清单

怎么看 demo

  1. AI 给的本地链接(http://127.0.0.1:4300/demo/…)在电脑浏览器打开
  2. 看手机效果:Chrome 按 ⌥⌘I 打开开发者工具,点左上角手机图标,选 iPhone 尺寸
  3. 发布后用线上地址,手机也能直接打开

为什么有些地方是空的

demo 不连接后端。本次需求的内容都有模拟数据,一定能完整演示;页面上原有的其他内容(比如需要接口的列表)可能显示为空或加载中,这是正常的,不属于本次需求。

文件在哪

demo/<版本包>/
├── dist/               打包好的 demo(发布到网站)
├── meta.json           版本记录:标题、负责人、基线、进度、确认记录
├── source.patch        代码改动包(不发布,研发需要时单独发)
└── changed-files.txt   改动文件清单
project/worktrees/<版本包>/   demo 的代码工作区(AI 在这里改)