32 lines
2.7 KiB
Markdown
32 lines
2.7 KiB
Markdown
# 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 的三栏编辑器布局：图层、画布、属性。采用白色工具栏、冷灰点阵底、蓝紫选中态、集中式底部工具条。
|
||
|
||
## 五个交付阶段
|
||
1. 阅读现有代码、引用 chat，独立分支，协调 infinite_canvas。
|
||
2. 收集参考与截图、明确设计与复用边界，记录计划。
|
||
3. /studio/graphic 实现可编辑画板、图层、历史、保存、导出与同站邮箱账户。
|
||
4. 本地类型、行为、构建和视觉检查；记录真实结果及限制。
|
||
5. 检查完整差异，提交、推送、创建 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 路径。
|