2.7 KiB
2.7 KiB
Studio Graphic 实施计划
研究与范围
- 改造前证据：ProjectMedia/studio-editor-workspace-qa.png（2026-10-27）；本次在线截图因内置浏览器超时未成功，不当作最新截图。
- https://github.com/bergside/awesome-design-skills ：参考 token、组件规范、可访问性与质量检查组织方法；其 Stitch 风格不等同于 Google Stitch 产品界面。
- https://codelabs.developers.google.com/design-to-code-with-antigravity-stitch ：官方界面图参考。
- https://moda.app/blog/google-stitch-review ：图片搜索找到的多画板与设计系统截图，仅作视觉参考。
- Figma 的三栏编辑器布局：图层、画布、属性。采用白色工具栏、冷灰点阵底、蓝紫选中态、集中式底部工具条。
五个交付阶段
- 阅读现有代码、引用 chat，独立分支，协调 infinite_canvas。
- 收集参考与截图、明确设计与复用边界，记录计划。
- /studio/graphic 实现可编辑画板、图层、历史、保存、导出与同站邮箱账户。
- 本地类型、行为、构建和视觉检查；记录真实结果及限制。
- 检查完整差异，提交、推送、创建 PR；清理临时产物，等待人工合并。
清理边界
Studio 首页不再展示旧 27 套项目。保留旧路由与数据库，避免破坏现有链接与用户作品；不删除其他 chat 文件。新工作台默认空白，预设只能由用户显式插入。浏览器草稿明确标识本机保存，邮箱账户使用已有 /api/account/* 服务，避免另建身份系统。未配置模型时不提供虚假 AI 生成。
分工
Infinite Canvas 独立 chat 01a18775-33e3-7770-ba63-64b4a6a00c89，仅负责 /studio/infinite_canvas 与专属文件。两分支完成后再评估集成，不自动合并 main。
验证记录
-
用户已确认只清理入口、保留历史数据。
-
13 项单元测试和 TypeScript 通过。webpack 生产构建通过；默认 Turbopack 被本地 CSS 工作进程端口权限阻止。
-
自动浏览器检查通过：新增文字/矩形、文字修改、撤销/重做、刷新恢复、SVG 下载、账户弹窗、390px 无横向溢出。截图布局已检查，交付前清理截图。
-
账户 session 使用访客 fixture；真实邮件注册登录未在本次验证。独立 Studio 本地进程没有账户后端，部署后复用同域 /api/account 服务。
-
单画板与本机草稿，无云端设计同步、协作或 AI 生成。完整属性编辑以桌面为主。
-
Infinite Canvas 独立 PR #19 已由外部操作合入 main；本分支交付前同步该主线，检查共存。
-
standalone 兼容检查通过：27 套历史页面、保存作品读取、旧重定向与渲染 API；测试脚本支持本地 monorepo standalone 路径。