Listing Studio

Listing Studio 是我的个人商品内容工作台项目。它从商品资料出发，连接文案、图文编辑、视频制作和导出，让模型的结果可以进入后续的制作流程。

项目介绍视频

先把输入和输出放在一起

商品图、描述、目标语言和风格要求都是输入。标题、卖点、介绍、海报和视频则有不同的输出结构。工作台把这些内容放在同一个界面里，保留直接编辑与自然语言修改入口。

前后端使用 JavaScript 与 Node.js，模型调用按服务协议适配，覆盖 OpenAI 兼容、Anthropic 和 Ollama 等接口。返回结果需要经过结构校验，再进入界面；取消、超时和失败都有对应反馈。

视频制作按阶段推进

视频流程拆成设计、场景制作、预览和确认后渲染。设计阶段输出方向与分镜，制作阶段生成受约束的 HTML / CSS 场景。

确认后复用已经预览的制作结果，避免用户确认一种画面，执行时又得到另一种。素材或设置变化后需要重新预览。

让内容可以继续被处理

• 使用 Fabric.js 提供图层编辑，支持文字、图片和基础形状的调整。
• 结合 SQLite 和 IndexedDB 保存商品资料、草稿与工程内容。
• 支持商品模板导入和原格式导出，为平台字段保留编辑与复核入口。

当前边界

这是本地个人工具。具体模型权限、接口兼容性与生成质量，需要结合所配置的服务核验。实际发布前，商品事实和平台字段仍需要人工检查。

这段实践让我更关注一件事：生成只是一个环节，围绕它的编辑、状态和确认流程同样属于产品。