HeartCart · 总览
给做营销邮件和网站的人用的灵感桌和工作台：用拿、放、夹、丢整理参考，一键拉进工作台改成自己的设计。
网址
- 工作室网站（手机、iPad、电脑通用）：https://heartcart-studio.pages.dev/
- 仓库：https://github.com/ciciechen00/heartcart-studio
结构
每个部分一个文件夹（文件夹名用英文，GitHub 手机应用才能打开），里面都是同样四样：spec.md（需求）、decisions.md（决定）、final/（定稿）、trials/（试验）。
上层可以用下层，下层不依赖上层。第 1 层「基础」所有地方共用。
| 层 · 文件夹 | 部分 · 文件夹 |
|---|---|
| 1 基础 · 1-foundation | 框的逻辑 box-logic · 视觉语言 visual-language |
| 2 画布操作 · 2-canvas | 自动排列 auto-layout · 尺寸规则 sizing · 叠边 overlap |
| 3 面板 · 3-panel | 参数面板 inspector |
| 4 流程 · 4-flow | 开始方式 start · 用途和方向 purpose-direction · 模板库 templates |
| 5 桌面 · 5-desk | 桌面收纳 desk-organize |
| 工作台 · workbench | 把第 4 层串起来，只引用各部分定稿 |
| 存档 · archive | 改流程前的旧东西 |
我们怎么配合
| 她说 | Claude 做 | 她拿到 |
|---|---|---|
| 随口提反馈 | 先对到哪个部分、哪条规则（对不上就先改规则），再在那个部分的「试验」里快改 | 几秒后一个能拖的链接，页面写着这次改了哪条规则 |
| 「总结」 | 规则写进需求，结论写进决定，选中的版本移进定稿；检查身份卡后发布 | 一条通知 + 一张「这次定了什么、什么归到哪」的清单 |
| 「可以整合了」 | 把定稿接进工作台，只引用不重写 | 工作台新版链接 |
| 「okk」 | 动基础层、已定稿的规则、仓库结构之前，必须等这一句 | 先看到方案 |
全局决定
2026-10-24
- 文件夹和文件名一律用英文，中文名写在文件里。原因：GitHub 手机应用打不开中文路径。
- 先只做电脑端，iPhone / iPad 等她说了再做；现在手机上只保证能点能拖。
- 流程固定为：快改 → 整理 → 整合。 快改用临时链接，不碰仓库；整理时一次性写进需求、定稿、发布；整合只引用定稿。
- 按部分组织：每个部分自带需求、决定、定稿、试验；工作台只引用。
- 所有东西收进私有 GitHub 仓库，自己做的手机优先目录页陈列，Cloudflare Pages 自动发布。 试过 Storybook，手机上太挤、界面是英文开发者工具。
内测计划（五周）
- 第 1 周准备：英文版、真图示例桌面、新手提示、反馈按钮。
- 第 2 周 Upwork 付费测试：8–10 个邮件设计师，每人 20–30 美元、30 分钟录屏；只看卡在哪，修好最卡的三处。
- 第 3 周起同时做：Instagram / 领英每周 2 条内容；找 20 个目标用户早期试用（先墨尔本品牌邮件营销人，再自己做邮件的小老板）。
- 成功标准：8 人以上「会非常失望」，且有人付创始价。
- 留存：只留离不开的人 → 创始价 → 小群每两周更新 → 看是否自己回来 → 各介绍两个同行。
叫法对照
内边距 padding · 间距 gap · 自动排列 auto layout · 包住内容 hug · 填满 fill