# 用 Claude Code 开发众筹页

## 怎么开始
1. 把 `01_官网/部署版/` 整个文件夹复制到你要开发的位置（或者直接用 `~/wwwroot-haiwai/nobody.cloud/`，里面已经有同样的文件）
2. 终端进入这个文件夹，运行 `claude`
3. 文件夹里的 `CLAUDE.md` 会被自动读取，里面有产品事实、文案禁区、规格、定价、设计变量和部署方法，不用再重复交代
4. 把下面"需求原文"整段发给它

## 需求原文（直接复制）

```
读一下 CLAUDE.md 和 index.html，做一个众筹页 crowd/index.html。

要求：
1. 风格、配色、字体、组件完全沿用 index.html，看起来是同一个网站；顶部导航和页脚一致，logo 点回首页
2. 多语言沿用 index.html 的 I18N + data-i18n 写法，6 种语言都要有，语言选择和首页共用 localStorage nb-lang
3. 页面结构：
   - 首屏：产品名、一句话卖点、众筹进度条（已筹金额 / 目标 / 支持人数 / 剩余天数，数字先放在 CONFIG 里）、主按钮
   - 档位卡片：早鸟 ¥999（限 100 台，显示剩余名额）、标准 ¥1,299、企业 5 台装 ¥8,499 含一年托管；每档写清包含什么和预计发货时间
   - 它能替你做什么（复用首页 6 个场景，精简）
   - 包装清单 + 适配手机说明（明确写不支持 Ultra / Pro Max / 折叠屏）
   - 时间线：众筹开始 → 结束 → 量产 → 发货
   - 风险说明和退款规则
   - FAQ
4. 下单按钮先跳到 CONFIG.checkoutUrl（占位），不要接支付
5. 不加载任何境外资源，不用 Google Fonts
6. 手机 390px 宽度下不能横向滚动、按钮不能折行，档位卡片在手机上竖排
7. 把首页 CONFIG.crowdfunding 改成 /crowd/，再把 crowd/ 加进 deploy.sh 的上传列表
8. 做完先别部署，用浏览器打开给我看手机和电脑两种宽度的截图
```

## 用好 Claude Code 的几个习惯
- **先要计划**：开头加一句"先说你的计划，我确认后再写"，或按 Shift+Tab 切到 plan 模式
- **用 @ 引用文件**：输入 `@index.html`、`@CLAUDE.md` 直接指定文件
- **对齐要说参照物**：说"跟 index.html 的 xx 区块一样"，比描述颜色间距准
- **新规矩写进 CLAUDE.md**：比如品牌拼写定了，让它写进 CLAUDE.md，以后每次都遵守

## 开工前要定
众筹走平台（摩点 / 京东众筹 / Kickstarter）还是自建收款？
- 走平台：众筹页只做落地页 + 跳转，上面需求直接用
- 自建：要接微信/支付宝支付（需企业商户号）和订单后台，工作量大很多