feat: add AirShelf core implementation

2026-06-05 10:21:40 +08:00
parent 2ba1058329
commit cfdcd84a30
252 changed files with 70828 additions and 0 deletions
@@ -0,0 +1,53 @@
+# 电商AI平台 · Airshelf
+
+AI 短视频带货生成平台 · 静态设计稿(V2.1 Restraint)。
+
+## 快速浏览
+
+直接用浏览器打开任意 HTML,或本地起服务:
+
+```bash
+npx http-server . -p 8080
+# 然后访问 http://localhost:8080/
+```
+
+入口页:[index.html](index.html)(工作台)
+
+## 页面索引
+
+| 页面 | 文件 | 说明 |
+| --- | --- | --- |
+| 工作台 | [index.html](index.html) | 进入后首屏 · 4 块 KPI + 最近项目 + 快捷入口 |
+| 视频项目 | [projects.html](projects.html) | 项目列表 · 表格 + 状态 + 进度 |
+| 新建项目 | [projects-new.html](projects-new.html) | 4 步向导 · 含实时预估面板 + 推荐气泡 |
+| 商品库 | [products.html](products.html) | SKU 列表 |
+| 创建商品 | [product-create.html](product-create.html) | 4 步向导 + 子流程(挑模特 → 生上身) |
+| 流水线 | [pipeline.html](pipeline.html) | 5 阶段:脚本 → 资产 → 故事板 → 片段 → 拼接 |
+| 资产库 | [library.html](library.html) | 人物 / 场景 / 视频片段管理 |
+| 账户 | [account.html](account.html) | 余额 / 充值 / 消费明细 |
+| 设计系统 | [design-system.html](design-system.html) | 完整 V2.1 token + 组件 + 状态 + Modal/Toast |
+
+## 设计规范
+
+详见 [DESIGN_SPEC_V2.md](DESIGN_SPEC_V2.md) · 当前 V2.1。
+
+**核心视觉特征:**
+- 配色:冷灰底 `#f9f9f9` + 单橙 accent `#FA5D19`(Firecrawl-aligned)
+- 圆角:统一 8 px / pill 999 px / 微元素 4 px
+- Icon:SVG line · stroke 1.5 · linecap round · `currentColor` 继承
+- 签名元素:容器装订线(左右 1 px 边)+ 四角 22×21 px SVG 准星(圆弧内凹)
+- 字体:Inter Tight + Inter + Alibaba PuHuiTi
+- 主 CTA:橙底 + 4 层橙阴影(全场唯一允许阴影的组件)
+
+## 目录结构
+
+```
+电商AI平台/
+├── README.md              ← 本文档
+├── DESIGN_SPEC_V2.md      ← 设计规范 source of truth
+├── design-system.html     ← 可交互组件参考(token + 状态 demo)
+├── assets/
+│   ├── restraint.css      ← V2.1 共享样式 · 无 V1 legacy alias
+│   └── shell.js           ← sidebar/topbar/Toast/Modal 渲染器
+└── *.html                 ← 8 个页面
+```