[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-83059":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":12,"openIssues":13,"contributorsCount":13,"subscribersCount":13,"size":13,"stars1d":13,"stars7d":14,"stars30d":15,"stars90d":13,"forks30d":13,"starsTrendScore":13,"compositeScore":16,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":17,"fork":17,"defaultBranch":18,"hasWiki":19,"hasPages":17,"topics":20,"createdAt":9,"pushedAt":9,"updatedAt":21,"readmeContent":22,"aiSummary":23,"trendingCount":13,"starSnapshotCount":13,"syncStatus":24,"lastSyncTime":25,"discoverSource":26},83059,"Chaning.G-s-Lrlab","Guo-chunyu\u002FChaning.G-s-Lrlab","Guo-chunyu","This is a professional photography post-processing workflow that integrates the aesthetic characteristics of large language models (LLM) with neural network-level color grading algorithms. It can directly bridge your camera RAW folders\u002Fphoto collections with AI inspiration, and then generate Lightroom `.XMP` presets with one click.",null,"TypeScript",100,8,0,30,49,2.86,false,"main",true,[],"2026-06-12 02:04:30","# VOGUE-GENAI-V4 AI Lightroom 调色工作台\n\n一个面向摄影后期的 AI 调色与 Lightroom 参数生成工具。项目支持导入本地照片，在浏览器中实时预览 Before \u002F After 调色效果，并生成可用于 Lightroom Classic 的 `.XMP` 预设参数。\n\n作者：Chaning.G  \n微信：15524872722\n\n## 项目亮点\n\n- **AI 智能调色建议**：根据照片内容生成 3 组适合当前画面的调色方案，包含风格名称、调色理由和 Lightroom 参数。\n- **专业参数面板**：支持曝光、对比度、高光、阴影、白色色阶、黑色色阶、色温、色调、自然饱和度、饱和度、清晰度、去雾等常用调色参数。\n- **HSL 八色通道控制**：支持红、橙、黄、绿、青、蓝、紫、洋红的色相、饱和度、明度调整。\n- **Canvas 像素级调色预览**：不再只依赖 CSS filter，预览层会进行真实像素级处理，包括自动曝光、白平衡、曲线、肤色保护、暗角、颗粒和高光柔化。\n- **Before \u002F After 对比视图**：拖动分割线即可直观看到原图与调色后效果差异。\n- **Tone Curve 可视化**：右侧工作台展示当前参数对应的曲线变化，方便理解影调结构。\n- **XMP 导出**：可将当前调色参数导出为 Lightroom 可读取的 `.XMP` 文件。\n- **本地 Lightroom 同步接口**：预留本地同步桥接接口，方便后续接入 Lightroom Classic 自动应用参数。\n\n## 技术栈\n\n- React 19\n- TypeScript\n- Vite\n- Tailwind CSS\n- Framer Motion\n- Express\n- Google Gemini API\n- Canvas 2D 图像处理\n\n## 快速开始\n\n### 1. 安装依赖\n\n```bash\nnpm install\n```\n\n### 2. 配置环境变量\n\n复制 `.env.example` 为 `.env`：\n\n```bash\ncp .env.example .env\n```\n\n然后在 `.env` 中填写你的 Gemini API Key：\n\n```env\nGEMINI_API_KEY=your_gemini_api_key_here\n```\n\n如果没有配置 API Key，项目仍然可以运行，但 AI 调色会进入本地模拟模式。\n\n### 3. 启动开发服务\n\n```bash\nnpm run dev\n```\n\n启动成功后打开：\n\n[http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000)\n\n### Windows 一键启动\n\nWindows 用户也可以直接双击项目根目录中的：\n\n```text\n双击一键本地启动.bat\n```\n\n脚本会自动安装依赖并启动本地服务。\n\n## 常用命令\n\n```bash\n# 启动开发服务器\nnpm run dev\n\n# 构建生产版本\nnpm run build\n\n# 启动构建后的服务\nnpm run start\n\n# TypeScript 检查\nnpm run lint\n```\n\n## 使用方式\n\n1. 打开本地页面后，导入照片文件夹或使用内置演示照片。\n2. 选择一张照片进入主预览区。\n3. 点击 AI 分析，系统会生成多组调色建议。\n4. 选择喜欢的调色方案，也可以打开右侧参数面板进行手动微调。\n5. 使用 Before \u002F After 分割线对比原图和调色后效果。\n6. 满意后导出 `.XMP`，导入 Lightroom 使用。\n\n## 项目结构\n\n```text\n.\n├── src\n│   ├── App.tsx                         # 主界面与业务流程\n│   ├── main.tsx                        # React 入口\n│   ├── index.css                       # 全局样式\n│   ├── types.ts                        # 类型定义\n│   ├── components\n│   │   ├── GradingSliders.tsx          # 调色参数面板\n│   │   ├── ImageComparison.tsx         # Before \u002F After 对比预览\n│   │   └── ToneCurveVisualizer.tsx     # 曲线可视化\n│   └── utils\n│       ├── filter.ts                   # 预设与 CSS fallback 滤镜\n│       └── canvasGrading.ts            # Canvas 像素级调色引擎\n├── server.ts                           # Express + Gemini API 服务\n├── package.json\n├── vite.config.ts\n└── 双击一键本地启动.bat\n```\n\n## 调色引擎说明\n\n项目目前包含两套预览路径：\n\n- `canvasGrading.ts`：主调色引擎，负责真实像素级预览。\n- `filter.ts`：保留为 CSS fallback，当跨域图片或浏览器限制导致 Canvas 无法读取像素时自动降级使用。\n\nCanvas 调色引擎包含以下处理：\n\n- 自动曝光补偿\n- 灰度世界白平衡\n- 高光 \u002F 阴影 \u002F 白色 \u002F 黑色分区影调映射\n- 参数化曲线\n- HSL 色彩混合\n- 肤色保护\n- 自然饱和度增强\n- 胶片式高光 roll-off\n- 暗角与细颗粒\n\n## API 说明\n\n主要接口：\n\n```text\nGET  \u002Fapi\u002Fhealth\nGET  \u002Fapi\u002Flightroom\u002Fstatus\nPOST \u002Fapi\u002Fanalyze-grading\nPOST \u002Fapi\u002Fgenerate-from-prompt\nPOST \u002Fapi\u002Flightroom\u002Fsync\n```\n\n其中：\n\n- `\u002Fapi\u002Fanalyze-grading`：根据照片生成 3 组智能调色方案。\n- `\u002Fapi\u002Fgenerate-from-prompt`：根据用户输入的风格提示词生成调色参数。\n- `\u002Fapi\u002Flightroom\u002Fsync`：模拟将当前参数同步到本地 Lightroom 辅助服务。\n\n\n## License\n\nApache-2.0\n","VOGUE-GENAI-V4 AI Lightroom 调色工作台是一个面向摄影后期的 AI 调色与 Lightroom 参数生成工具。它通过集成大语言模型（LLM）和神经网络级色彩分级算法，为用户提供智能调色建议，并支持一键生成可用于 Lightroom Classic 的 `.XMP` 预设参数。核心功能包括基于照片内容生成多组调色方案、专业参数面板调整、HSL 八色通道控制以及像素级调色预览等。此外，该工具还提供了 Before\u002FAfter 对比视图、Tone Curve 可视化等功能，方便用户直观地看到调色效果。适用于需要高效、高质量照片后期处理的摄影师及爱好者，尤其适合那些希望结合人工智能技术提升工作效率的用户。项目采用 TypeScript 编写，使用了 React、Vite 和 Tailwind CSS 等现代前端技术栈。",2,"2026-06-11 04:10:03","CREATED_QUERY"]