Files
stack/apps/tutorial
cqh963852 65df0ef1d7 refactor: 设计系统完整提取为 @stack/design-system 共享包(组件/tokens/类型唯一定义处,双端引用不再拷贝)
- 组件参数化适配双端:MemphisCard href/morph,EntryGuide 数据注入+linkChapter
- RouteLine hover 跟随(站点 translateY(-3)、连线 CSS d 平滑插值、直线变斜线)随包回到 design-lab,shelf 场景接线演示
- tokens.css 显式 @source 包内源码——经 node_modules 解析时自动扫描漏类(text-mute 等静默丢失致 4% 画面偏差,已修复并验证)
- E2E 新增 hover 跟随契约(静置 L 水平、hover 变斜线、双站点 -3px、卡片同步),28/28 全绿
2026-10-08 14:56:06 +08:00
..

@stack/tutorial —— 全栈教程站(AI 时代版)

大纲见 OUTLINE.md(依据 ai-era-tutorial skill:靶子先行、步骤=目标+验收、代理区/价值区分类、指派三样、脱靶提醒、认知基础就地露出)。

  • Vite MPA:根目录每 *.html 一个入口 → src/pages/<name>/main.tsx(与 design-lab 同构)
  • 页面:index.html 课程书架(入口画像 / 六章卡 / 主线与进度);ch1–ch6.html 章节页(章头靶子 → 步骤 → 积木 → 认知基础 → 指派)
  • View Transitions:@view-transition { navigation: auto } 跨文档交叉淡入(MPA 不闪白);书架相框 ↔ 章节页章头同名 view-transition-name: ch-<id> 共享元素变形;站头 site-header 常驻;prefers-reduced-motion 下禁用
  • 设计系统:组件与 tokens 复制自 apps/design-lab(孟菲斯 × 拟物卡)
  • 内容:src/lib/chapters.ts(六章的靶子/步骤/积木/指派数据),改内容只动这一个文件
yarn workspace @stack/tutorial dev      # 开发
yarn workspace @stack/tutorial build    # 构建
yarn workspace @stack/tutorial preview  # 预览