用途:把已完成的代码库学习指南 Markdown 文件转成沉浸式本地网页应用,强调编辑式排版、留白与有目的的动画。
主要能力:按指南模板解析九个板块(Why This Exists、Big Ideas、System Map、Request Walkthrough、Deep Dives、Patterns、Boundaries、Testing、Next Steps),并为每类内容匹配布局与交互:首屏大字标题、可展开概念卡片、替换 Mermaid 的 D3 力导向图(节点可拖拽、悬停显示用途、点击跳转)、滚动驱动的请求流程演示、标签页深潜、可搜索卡片网格、数据表、带本地存储的清单与进度条。
使用方式:先运行 bash scripts/scaffold.sh <output-directory> "<project-name>" 生成含 D3、Prism.js 与设计系统的 Vite 工程,在输出目录执行 npm install;按 references/section-strategies.md 与 references/design-system.md 逐板块构建;完成后运行 cd <output-directory> && npx vite --open 启动。
限制:资料未提供收费、平台兼容与性能指标信息;需输入符合该模板的 Markdown,结构不符时按标题内容适配;动画需尊重 prefers-reduced-motion,并满足 WCAG AA 对比度。