SCoLab：LLM时代的个人护肤管理工具

2. 功能矩阵

3. 关键决策

4. 技术栈（尽量让复杂系统保持轻盈）

5. 项目结构

• 产品管理用户输入 → 图片处理 → AI OCR成分识别&录入 → 产品到期设置
• 组合分析结构化产品分类 → 产品数据库 → 流程组合逻辑 → AI综合分析 → 心仪组合收藏
• 综合推荐肤质录入 → 结合选品风格 → 智能推荐

SCoLab
├── index.html                    # Vite 应用入口
├── package.json                  # 项目依赖与 AI / React 环境配置
├── vite.config.ts                # 前端构建与开发服务器配置
├── tsconfig.json                 # TypeScript 类型系统配置
├── metadata.json                 # 应用元信息与 AI Studio 配置

├── api/                          # 服务端 AI 工作流
│   ├── health.ts                 # 健康检查接口
│   ├── ai/
│   │   ├── parse-ingredients.ts  # AI OCR：识别包装成分表
│   │   ├── analyze-ingredients.ts# AI 成分解析：分析功效与风险
│   │   ├── analyze-routine.ts    # 搭配逻辑：分析护肤流程协同性
│   │   ├── analyze-shelf.ts      # 产品库综合分析：识别闲置与已购产品特性
│   │   └── recommendations.ts    # 推荐系统：生成更合理的产品组合
│   └── _lib/
│       ├── doubao.ts             # 豆包 AI 调用封装
│       └── http.ts               # API 请求与响应工具

├── supabase/
│   └── schema.sql                # 用户、产品库、分析记录数据库结构

└── src/
    ├── main.tsx                  # React 应用挂载入口
    ├── App.tsx                   # 用户输入、页面状态与核心业务流
    ├── index.css                 # 全局样式系统
    ├── types.ts                  # 产品 / 成分 / AI 分析结果结构化类型
    ├── vite-env.d.ts             # Vite 环境变量类型声明

    ├── components/
    │   └── AuthModal.tsx         # 用户登录与身份验证弹窗

    ├── services/
    │   └── aiService.ts      # 前端 AI 请求封装与调用管理

    └── lib/
        ├── supabase.ts           # 用户数据、产品库、历史记录操作
        └── cropImage.ts          # 图片裁剪与上传前预处理

6. 开发过程中遇到的卡点