npm - @jennie-shawn/starwork - Versions diffs - 0.1.0-alpha.0 - Mend

@jennie-shawn/starwork 0.1.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (228) hide show

package/docs/roadmap.html ADDED Viewed

@@ -0,0 +1,899 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>StarWork 产品里程碑</title>
+  <style>
+    :root {
+      --paper: #f7f4ec;
+      --paper-2: #ebe5d7;
+      --ink: #1d211d;
+      --muted: #61675f;
+      --line: #cfc7b7;
+      --line-strong: #3e473e;
+      --green: #286d4a;
+      --green-soft: #d8eadc;
+      --amber: #b36b19;
+      --amber-soft: #f3dfbd;
+      --blue: #2f6286;
+      --blue-soft: #d7e4ea;
+      --red: #9b3d2c;
+      --red-soft: #edd6cf;
+      --white: #fffdf7;
+      --shadow: 0 18px 50px rgba(47, 43, 34, 0.13);
+    }
+    * {
+      box-sizing: border-box;
+    }
+    html {
+      scroll-behavior: smooth;
+    }
+    body {
+      margin: 0;
+      color: var(--ink);
+      background:
+        linear-gradient(90deg, rgba(62, 71, 62, 0.05) 1px, transparent 1px),
+        linear-gradient(0deg, rgba(62, 71, 62, 0.04) 1px, transparent 1px),
+        var(--paper);
+      background-size: 36px 36px;
+      font-family: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+      letter-spacing: 0;
+    }
+    a {
+      color: inherit;
+    }
+    .page {
+      width: min(1180px, calc(100% - 40px));
+      margin: 0 auto;
+      padding: 44px 0 64px;
+    }
+    .hero {
+      display: grid;
+      grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
+      gap: 28px;
+      align-items: stretch;
+      min-height: 520px;
+    }
+    .hero-copy {
+      padding: 36px 0 28px;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      border-top: 2px solid var(--ink);
+      border-bottom: 2px solid var(--ink);
+    }
+    .kicker {
+      margin: 0 0 22px;
+      color: var(--green);
+      font-size: 14px;
+      font-weight: 800;
+      text-transform: uppercase;
+    }
+    h1 {
+      margin: 0;
+      max-width: 820px;
+      font-family: Georgia, "Times New Roman", serif;
+      font-size: clamp(42px, 8vw, 92px);
+      line-height: 0.96;
+      font-weight: 700;
+      letter-spacing: 0;
+    }
+    .subtitle {
+      max-width: 640px;
+      margin: 28px 0 0;
+      color: var(--muted);
+      font-size: 19px;
+      line-height: 1.75;
+    }
+    .answer-strip {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      gap: 10px;
+      margin-top: 34px;
+    }
+    .answer {
+      padding: 14px 16px;
+      border: 1px solid var(--line);
+      background: rgba(255, 253, 247, 0.72);
+      border-radius: 8px;
+    }
+    .answer b {
+      display: block;
+      margin-bottom: 6px;
+      font-size: 13px;
+      color: var(--green);
+    }
+    .answer span {
+      color: var(--ink);
+      font-size: 15px;
+      line-height: 1.45;
+    }
+    .hero-map {
+      background: var(--white);
+      border: 2px solid var(--ink);
+      border-radius: 8px;
+      box-shadow: var(--shadow);
+      padding: 20px;
+      display: flex;
+      align-items: center;
+      min-height: 520px;
+    }
+    .hero-map svg {
+      width: 100%;
+      height: auto;
+      display: block;
+    }
+    .section {
+      margin-top: 70px;
+    }
+    .section-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: end;
+      gap: 24px;
+      margin-bottom: 22px;
+      padding-bottom: 14px;
+      border-bottom: 2px solid var(--ink);
+    }
+    h2 {
+      margin: 0;
+      font-family: Georgia, "Times New Roman", serif;
+      font-size: clamp(28px, 4vw, 52px);
+      line-height: 1.05;
+      letter-spacing: 0;
+    }
+    .section-note {
+      max-width: 460px;
+      margin: 0;
+      color: var(--muted);
+      line-height: 1.7;
+      font-size: 15px;
+    }
+    .milestone-grid {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      gap: 14px;
+    }
+    .milestone {
+      min-height: 245px;
+      padding: 18px;
+      background: rgba(255, 253, 247, 0.78);
+      border: 1px solid var(--line);
+      border-radius: 8px;
+      display: flex;
+      flex-direction: column;
+      gap: 14px;
+    }
+    .milestone.done {
+      border-color: rgba(40, 109, 74, 0.45);
+      background: var(--green-soft);
+    }
+    .milestone.now {
+      border: 2px solid var(--amber);
+      background: var(--amber-soft);
+      box-shadow: 0 12px 28px rgba(179, 107, 25, 0.13);
+    }
+    .milestone.future {
+      background: rgba(255, 253, 247, 0.64);
+    }
+    .milestone-top {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: 12px;
+    }
+    .code {
+      width: 48px;
+      height: 48px;
+      border: 2px solid currentColor;
+      display: grid;
+      place-items: center;
+      border-radius: 8px;
+      font-weight: 900;
+      font-size: 17px;
+    }
+    .status {
+      display: inline-flex;
+      align-items: center;
+      min-height: 30px;
+      padding: 5px 10px;
+      border-radius: 999px;
+      border: 1px solid currentColor;
+      font-size: 13px;
+      font-weight: 800;
+      white-space: nowrap;
+    }
+    .done .status,
+    .done .code {
+      color: var(--green);
+    }
+    .now .status,
+    .now .code {
+      color: var(--amber);
+    }
+    .future .status,
+    .future .code {
+      color: var(--blue);
+    }
+    .milestone h3 {
+      margin: 0;
+      font-size: 22px;
+      line-height: 1.25;
+      letter-spacing: 0;
+    }
+    .milestone p {
+      margin: 0;
+      color: var(--muted);
+      font-size: 15px;
+      line-height: 1.65;
+    }
+    .milestone ul {
+      margin: auto 0 0;
+      padding: 0;
+      list-style: none;
+      display: grid;
+      gap: 7px;
+      color: var(--ink);
+      font-size: 14px;
+      line-height: 1.45;
+    }
+    .milestone li {
+      position: relative;
+      padding-left: 16px;
+    }
+    .milestone li::before {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 0.72em;
+      width: 7px;
+      height: 7px;
+      transform: translateY(-50%);
+      background: currentColor;
+      border-radius: 50%;
+      opacity: 0.7;
+    }
+    .focus-layout {
+      display: grid;
+      grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
+      gap: 22px;
+      align-items: stretch;
+    }
+    .focus-copy {
+      padding: 24px;
+      border-radius: 8px;
+      border: 2px solid var(--line-strong);
+      background: var(--white);
+      box-shadow: var(--shadow);
+    }
+    .focus-copy h3 {
+      margin: 0 0 16px;
+      font-family: Georgia, "Times New Roman", serif;
+      font-size: 34px;
+      line-height: 1.08;
+      letter-spacing: 0;
+    }
+    .focus-copy p {
+      margin: 0 0 16px;
+      color: var(--muted);
+      font-size: 17px;
+      line-height: 1.75;
+    }
+    .priority {
+      display: grid;
+      gap: 10px;
+      margin-top: 20px;
+    }
+    .priority-item {
+      display: grid;
+      grid-template-columns: 42px 1fr;
+      gap: 12px;
+      align-items: start;
+      padding: 12px;
+      border: 1px solid var(--line);
+      border-radius: 8px;
+      background: var(--paper);
+    }
+    .priority-number {
+      width: 42px;
+      height: 42px;
+      display: grid;
+      place-items: center;
+      border-radius: 8px;
+      background: var(--ink);
+      color: var(--paper);
+      font-weight: 900;
+    }
+    .priority-item b {
+      display: block;
+      margin-bottom: 4px;
+      font-size: 17px;
+    }
+    .priority-item span {
+      color: var(--muted);
+      line-height: 1.55;
+      font-size: 15px;
+    }
+    .focus-svg {
+      padding: 20px;
+      border: 1px solid var(--line);
+      border-radius: 8px;
+      background: rgba(255, 253, 247, 0.74);
+    }
+    .focus-svg svg {
+      width: 100%;
+      height: auto;
+      display: block;
+    }
+    .legend {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 10px;
+      margin-top: 12px;
+      color: var(--muted);
+      font-size: 14px;
+    }
+    .legend span {
+      display: inline-flex;
+      align-items: center;
+      gap: 7px;
+    }
+    .legend i {
+      width: 13px;
+      height: 13px;
+      border-radius: 3px;
+      display: inline-block;
+    }
+    .release-band {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+      gap: 18px;
+    }
+    .release-block {
+      padding: 24px;
+      border-radius: 8px;
+      background: var(--white);
+      border: 1px solid var(--line);
+    }
+    .release-block h3 {
+      margin: 0 0 12px;
+      font-size: 24px;
+    }
+    .release-block p {
+      margin: 0;
+      color: var(--muted);
+      line-height: 1.7;
+    }
+    .tag-list {
+      margin-top: 16px;
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+    }
+    .tag-list span {
+      padding: 7px 10px;
+      border: 1px solid var(--line);
+      border-radius: 999px;
+      background: var(--paper);
+      font-size: 14px;
+      font-weight: 700;
+    }
+    .footer {
+      margin-top: 70px;
+      padding-top: 18px;
+      border-top: 2px solid var(--ink);
+      color: var(--muted);
+      line-height: 1.7;
+      font-size: 14px;
+    }
+    code {
+      padding: 2px 6px;
+      border: 1px solid var(--line);
+      border-radius: 6px;
+      background: rgba(29, 33, 29, 0.05);
+      font-family: "SFMono-Regular", "Menlo", "Consolas", monospace;
+      font-size: 0.92em;
+    }
+    @media (max-width: 920px) {
+      .hero,
+      .focus-layout,
+      .release-band {
+        grid-template-columns: 1fr;
+      }
+      .hero {
+        min-height: auto;
+      }
+      .hero-map {
+        min-height: auto;
+      }
+      .answer-strip,
+      .milestone-grid {
+        grid-template-columns: 1fr;
+      }
+      .section-header {
+        display: block;
+      }
+      .section-note {
+        margin-top: 12px;
+      }
+    }
+    @media (max-width: 560px) {
+      .page {
+        width: min(100% - 24px, 1180px);
+        padding-top: 24px;
+      }
+      .hero-copy {
+        padding-top: 24px;
+      }
+      .answer {
+        padding: 12px;
+      }
+      .milestone,
+      .focus-copy,
+      .release-block {
+        padding: 16px;
+      }
+    }
+  </style>
+</head>
+<body>
+  <main class="page">
+    <section class="hero" aria-labelledby="page-title">
+      <div class="hero-copy">
+        <div>
+          <p class="kicker">StarWork Product Roadmap</p>
+          <h1 id="page-title">产品里程碑</h1>
+          <p class="subtitle">
+            这张图回答的是：StarWork 从现在到 v0.1 发布、再到 v0.2 扩展和 v1.0 稳定产品，应该按什么顺序推进。
+          </p>
+        </div>
+        <div class="answer-strip" aria-label="当前判断">
+          <div class="answer">
+            <b>已经完成</b>
+            <span>Core、Kit、CLI、Pack 的基本定位已经收敛。</span>
+          </div>
+          <div class="answer">
+            <b>正在推进</b>
+            <span>CLI v0.1 最小闭环已完成，进入首个场景 Pack。</span>
+          </div>
+          <div class="answer">
+            <b>不要跑偏</b>
+            <span>先跑通生成、检查、适配、Pack 安装，再扩张能力。</span>
+          </div>
+        </div>
+      </div>
+      <div class="hero-map" aria-label="StarWork 里程碑总路线图">
+        <svg viewBox="0 0 560 720" role="img" aria-labelledby="roadmap-title roadmap-desc">
+          <title id="roadmap-title">StarWork 从 M0 到 M8 的路线图</title>
+          <desc id="roadmap-desc">M0 已完成，M1 已封版，M2 已完成，M3 正在进行，M4 到 M8 待推进。</desc>
+          <defs>
+            <marker id="arrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
+              <path d="M 0 0 L 10 5 L 0 10 z" fill="#3e473e"></path>
+            </marker>
+          </defs>
+          <rect x="8" y="8" width="544" height="704" rx="8" fill="#fffdf7" stroke="#1d211d" stroke-width="3"></rect>
+          <text x="36" y="54" font-size="26" font-weight="800" fill="#1d211d">总路线</text>
+          <text x="36" y="82" font-size="14" fill="#61675f">从协议地基，到 CLI 闭环，再到场景 Pack 和发布。</text>
+          <path d="M 92 140 C 180 140, 192 188, 280 188 S 380 236, 468 236
+                   M 468 236 C 380 236, 368 284, 280 284 S 180 332, 92 332
+                   M 92 332 C 180 332, 192 380, 280 380 S 380 428, 468 428
+                   M 468 428 C 380 428, 368 476, 280 476 S 180 524, 92 524
+                   M 92 524 C 180 524, 192 572, 280 572 S 380 620, 468 620"
+                fill="none" stroke="#3e473e" stroke-width="4" stroke-linecap="round" marker-end="url(#arrow)"></path>
+          <g transform="translate(48 116)">
+            <rect width="88" height="48" rx="8" fill="#d8eadc" stroke="#286d4a" stroke-width="2"></rect>
+            <text x="44" y="21" text-anchor="middle" font-size="14" font-weight="900" fill="#286d4a">M0</text>
+            <text x="44" y="38" text-anchor="middle" font-size="12" fill="#286d4a">已完成</text>
+          </g>
+          <g transform="translate(236 164)">
+            <rect width="88" height="48" rx="8" fill="#d8eadc" stroke="#286d4a" stroke-width="2"></rect>
+            <text x="44" y="21" text-anchor="middle" font-size="14" font-weight="900" fill="#286d4a">M1</text>
+            <text x="44" y="38" text-anchor="middle" font-size="12" fill="#286d4a">已封版</text>
+          </g>
+          <g transform="translate(424 212)">
+            <rect width="88" height="48" rx="8" fill="#d8eadc" stroke="#286d4a" stroke-width="2"></rect>
+            <text x="44" y="21" text-anchor="middle" font-size="14" font-weight="900" fill="#286d4a">M2</text>
+            <text x="44" y="38" text-anchor="middle" font-size="12" fill="#286d4a">已完成</text>
+          </g>
+          <g transform="translate(236 260)">
+            <rect width="88" height="48" rx="8" fill="#f3dfbd" stroke="#b36b19" stroke-width="3"></rect>
+            <text x="44" y="21" text-anchor="middle" font-size="14" font-weight="900" fill="#b36b19">M3</text>
+            <text x="44" y="38" text-anchor="middle" font-size="12" fill="#b36b19">进行中</text>
+          </g>
+          <g transform="translate(48 308)">
+            <rect width="88" height="48" rx="8" fill="#d7e4ea" stroke="#2f6286" stroke-width="2"></rect>
+            <text x="44" y="21" text-anchor="middle" font-size="14" font-weight="900" fill="#2f6286">M4</text>
+            <text x="44" y="38" text-anchor="middle" font-size="12" fill="#2f6286">Demo</text>
+          </g>
+          <g transform="translate(236 356)">
+            <rect width="88" height="48" rx="8" fill="#d7e4ea" stroke="#2f6286" stroke-width="2"></rect>
+            <text x="44" y="21" text-anchor="middle" font-size="14" font-weight="900" fill="#2f6286">M5</text>
+            <text x="44" y="38" text-anchor="middle" font-size="12" fill="#2f6286">内测</text>
+          </g>
+          <g transform="translate(424 404)">
+            <rect width="88" height="48" rx="8" fill="#d7e4ea" stroke="#2f6286" stroke-width="2"></rect>
+            <text x="44" y="21" text-anchor="middle" font-size="14" font-weight="900" fill="#2f6286">M6</text>
+            <text x="44" y="38" text-anchor="middle" font-size="12" fill="#2f6286">发布</text>
+          </g>
+          <g transform="translate(236 548)">
+            <rect width="88" height="48" rx="8" fill="#d7e4ea" stroke="#2f6286" stroke-width="2"></rect>
+            <text x="44" y="21" text-anchor="middle" font-size="14" font-weight="900" fill="#2f6286">M7</text>
+            <text x="44" y="38" text-anchor="middle" font-size="12" fill="#2f6286">扩展</text>
+          </g>
+          <g transform="translate(424 596)">
+            <rect width="88" height="48" rx="8" fill="#d7e4ea" stroke="#2f6286" stroke-width="2"></rect>
+            <text x="44" y="21" text-anchor="middle" font-size="14" font-weight="900" fill="#2f6286">M8</text>
+            <text x="44" y="38" text-anchor="middle" font-size="12" fill="#2f6286">稳定</text>
+          </g>
+          <text x="36" y="682" font-size="13" fill="#61675f">当前重心：M3 Content Creator Pack v0.1。</text>
+        </svg>
+      </div>
+    </section>
+    <section class="section" aria-labelledby="milestones-title">
+      <div class="section-header">
+        <h2 id="milestones-title">阶段拆解</h2>
+        <p class="section-note">绿色表示已完成或基本完成，黄色表示正在推进，蓝色表示后续阶段。每个阶段只保留目标、状态和过关标准。</p>
+      </div>
+      <div class="milestone-grid">
+        <article class="milestone done">
+          <div class="milestone-top">
+            <div class="code">M0</div>
+            <span class="status">已完成</span>
+          </div>
+          <h3>项目地基</h3>
+          <p>建立正式产品项目，不再混用课程项目和旧 Runtime spike。</p>
+          <ul>
+            <li><code>product/</code> 是产品事实源</li>
+            <li><code>matters/</code> 是推进过程</li>
+            <li>Product 仓库已经独立</li>
+          </ul>
+        </article>
+        <article class="milestone done">
+          <div class="milestone-top">
+            <div class="code">M1</div>
+            <span class="status">已封版</span>
+          </div>
+          <h3>Core v0.1</h3>
+          <p>最小工作区协议已冻结，后续作为 CLI 检查、适配和 Pack 安装的基础。</p>
+          <ul>
+            <li>中文协议入口已形成</li>
+            <li>五类 Kit 已收敛</li>
+            <li>v0.1 不再继续扩张 Core 范围</li>
+          </ul>
+        </article>
+        <article class="milestone done">
+          <div class="milestone-top">
+            <div class="code">M2</div>
+            <span class="status">已完成</span>
+          </div>
+          <h3>CLI v0.1</h3>
+          <p>让用户不用理解 Core 内部结构，也能初始化、检查、适配和安装 Pack。</p>
+          <ul>
+            <li><code>init</code> 第一版已落地</li>
+            <li><code>spawn</code> 第一版已落地</li>
+            <li><code>doctor</code> 第一版已落地</li>
+            <li><code>adapt</code> 第一版已落地</li>
+            <li><code>pack install</code> 第一版已落地</li>
+            <li><code>spawn --blueprint</code> 第一版已落地</li>
+          </ul>
+        </article>
+        <article class="milestone now">
+          <div class="milestone-top">
+            <div class="code">M3</div>
+            <span class="status">下一阶段</span>
+          </div>
+          <h3>Content Creator Pack</h3>
+          <p>做出第一个真正解决场景问题的工作流包。</p>
+          <ul>
+            <li>目录结构</li>
+            <li>Agent 规则</li>
+            <li>模板与 seed 示例</li>
+          </ul>
+        </article>
+        <article class="milestone future">
+          <div class="milestone-top">
+            <div class="code">M4</div>
+            <span class="status">未开始</span>
+          </div>
+          <h3>Demo 工作区</h3>
+          <p>用真实例子证明 StarWork 能跑，而不是只在文档里成立。</p>
+          <ul>
+            <li>中文内容创作者单项目</li>
+            <li>跑完一条内容链路</li>
+            <li>暴露结构不一致问题</li>
+          </ul>
+        </article>
+        <article class="milestone future">
+          <div class="milestone-top">
+            <div class="code">M5</div>
+            <span class="status">未开始</span>
+          </div>
+          <h3>内测与修正</h3>
+          <p>用真实使用反馈修正，不继续凭想象扩写。</p>
+          <ul>
+            <li>用户本人工作流</li>
+            <li>学员单项目模板</li>
+            <li>新建空项目</li>
+          </ul>
+        </article>
+        <article class="milestone future">
+          <div class="milestone-top">
+            <div class="code">M6</div>
+            <span class="status">未开始</span>
+          </div>
+          <h3>v0.1 发布</h3>
+          <p>发布第一个可被外部理解和试用的 StarWork 版本。</p>
+          <ul>
+            <li>Core + CLI</li>
+            <li>General / Hub / Content Packs</li>
+            <li>Demo 与入门文档</li>
+          </ul>
+        </article>
+        <article class="milestone future">
+          <div class="milestone-top">
+            <div class="code">M7</div>
+            <span class="status">规划中</span>
+          </div>
+          <h3>v0.2 扩展</h3>
+          <p>在 v0.1 跑通后，再扩展适配、升级和迁移能力。</p>
+          <ul>
+            <li>更完整的 Agent 适配</li>
+            <li>Pack 升级与迁移</li>
+            <li>schema 校验</li>
+          </ul>
+        </article>
+        <article class="milestone future">
+          <div class="milestone-top">
+            <div class="code">M8</div>
+            <span class="status">远期</span>
+          </div>
+          <h3>v1.0 稳定产品</h3>
+          <p>形成可以长期维护、教学、开源传播和商业化的稳定产品。</p>
+          <ul>
+            <li>稳定 Core 协议</li>
+            <li>稳定 CLI 与 Pack 生态</li>
+            <li>清晰衔接 Course</li>
+          </ul>
+        </article>
+      </div>
+    </section>
+    <section class="section" aria-labelledby="focus-title">
+      <div class="section-header">
+        <h2 id="focus-title">当前焦点</h2>
+        <p class="section-note">眼下最关键的问题不是再发明一层概念，而是把已经定下来的结构跑通。</p>
+      </div>
+      <div class="focus-layout">
+        <div class="focus-copy">
+          <h3>进入 M3：首个场景 Pack</h3>
+          <p>
+            CLI v0.1 最小闭环已经完成，StarWork 现在具备了生成、检查、适配和补装 Pack 的基本工具链。
+          </p>
+          <p>
+            M2 之后新增了一条定制生成线索：<code>starworkSpawn</code> skill 负责生成工作台定制单，<code>spawn --blueprint</code> 已能按定制单创建卫星项目。
+          </p>
+          <p>
+            下一步要把工具链放进真实场景里检验：用 Content Creator Pack 跑出一个能被用户理解、能被 Agent 接力的内容生产工作台。
+          </p>
+          <div class="priority" aria-label="下一步优先级">
+            <div class="priority-item">
+              <div class="priority-number">1</div>
+              <div>
+                <b>新建 Content Creator Pack matter</b>
+                <span>把首个场景 Pack 的目录、规则、模板和 Demo 定下来。</span>
+              </div>
+            </div>
+            <div class="priority-item">
+              <div class="priority-number">2</div>
+              <div>
+                <b>生成 Demo 工作区</b>
+                <span>验证 <code>init</code>、<code>doctor</code>、<code>adapt</code>、<code>pack install</code> 是否真的顺。</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="focus-svg" aria-label="当前优先级依赖图">
+          <svg viewBox="0 0 640 440" role="img" aria-labelledby="focus-svg-title focus-svg-desc">
+            <title id="focus-svg-title">当前工作依赖图</title>
+            <desc id="focus-svg-desc">Core 和 CLI 最小闭环已经形成，下一步进入 Content Creator Pack 和 Demo 工作区验证。</desc>
+            <defs>
+              <marker id="arrow2" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
+                <path d="M 0 0 L 10 5 L 0 10 z" fill="#3e473e"></path>
+              </marker>
+            </defs>
+            <rect x="12" y="12" width="616" height="416" rx="8" fill="#fffdf7" stroke="#cfc7b7" stroke-width="2"></rect>
+            <g>
+              <rect x="48" y="64" width="150" height="76" rx="8" fill="#d8eadc" stroke="#286d4a" stroke-width="2"></rect>
+              <text x="123" y="96" text-anchor="middle" font-size="20" font-weight="900" fill="#286d4a">Core</text>
+              <text x="123" y="119" text-anchor="middle" font-size="13" fill="#286d4a">协议与角色</text>
+            </g>
+            <g>
+              <rect x="48" y="206" width="150" height="76" rx="8" fill="#d8eadc" stroke="#286d4a" stroke-width="2"></rect>
+              <text x="123" y="238" text-anchor="middle" font-size="20" font-weight="900" fill="#286d4a">Kit</text>
+              <text x="123" y="261" text-anchor="middle" font-size="13" fill="#286d4a">参考落地结构</text>
+            </g>
+            <g>
+              <rect x="260" y="135" width="156" height="92" rx="8" fill="#f3dfbd" stroke="#b36b19" stroke-width="4"></rect>
+              <text x="338" y="170" text-anchor="middle" font-size="23" font-weight="900" fill="#b36b19">doctor</text>
+              <text x="338" y="196" text-anchor="middle" font-size="13" fill="#7a4a13">检查一致性</text>
+            </g>
+            <g>
+              <rect x="476" y="64" width="118" height="64" rx="8" fill="#d7e4ea" stroke="#2f6286" stroke-width="2"></rect>
+              <text x="535" y="91" text-anchor="middle" font-size="16" font-weight="900" fill="#2f6286">adapt</text>
+              <text x="535" y="111" text-anchor="middle" font-size="12" fill="#2f6286">Agent 适配</text>
+            </g>
+            <g>
+              <rect x="476" y="160" width="118" height="64" rx="8" fill="#d7e4ea" stroke="#2f6286" stroke-width="2"></rect>
+              <text x="535" y="187" text-anchor="middle" font-size="16" font-weight="900" fill="#2f6286">pack install</text>
+              <text x="535" y="207" text-anchor="middle" font-size="12" fill="#2f6286">安装场景包</text>
+            </g>
+            <g>
+              <rect x="476" y="256" width="118" height="64" rx="8" fill="#d7e4ea" stroke="#2f6286" stroke-width="2"></rect>
+              <text x="535" y="283" text-anchor="middle" font-size="16" font-weight="900" fill="#2f6286">Pack</text>
+              <text x="535" y="303" text-anchor="middle" font-size="12" fill="#2f6286">内容创作者</text>
+            </g>
+            <g>
+              <rect x="260" y="324" width="156" height="64" rx="8" fill="#edd6cf" stroke="#9b3d2c" stroke-width="2"></rect>
+              <text x="338" y="351" text-anchor="middle" font-size="16" font-weight="900" fill="#9b3d2c">Demo 工作区</text>
+              <text x="338" y="371" text-anchor="middle" font-size="12" fill="#9b3d2c">证明能跑</text>
+            </g>
+            <path d="M198 102 L260 162" stroke="#3e473e" stroke-width="3" fill="none" marker-end="url(#arrow2)"></path>
+            <path d="M198 244 L260 199" stroke="#3e473e" stroke-width="3" fill="none" marker-end="url(#arrow2)"></path>
+            <path d="M416 164 L476 102" stroke="#3e473e" stroke-width="3" fill="none" marker-end="url(#arrow2)"></path>
+            <path d="M416 185 L476 192" stroke="#3e473e" stroke-width="3" fill="none" marker-end="url(#arrow2)"></path>
+            <path d="M416 206 L476 288" stroke="#3e473e" stroke-width="3" fill="none" marker-end="url(#arrow2)"></path>
+            <path d="M476 288 C430 318, 414 332, 416 356" stroke="#3e473e" stroke-width="3" fill="none" marker-end="url(#arrow2)"></path>
+            <path d="M338 227 L338 324" stroke="#3e473e" stroke-width="3" fill="none" marker-end="url(#arrow2)"></path>
+          </svg>
+          <div class="legend">
+            <span><i style="background:#d8eadc;border:1px solid #286d4a"></i>已形成</span>
+            <span><i style="background:#f3dfbd;border:1px solid #b36b19"></i>当前优先</span>
+            <span><i style="background:#d7e4ea;border:1px solid #2f6286"></i>后续动作</span>
+            <span><i style="background:#edd6cf;border:1px solid #9b3d2c"></i>验证结果</span>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section class="section" aria-labelledby="release-title">
+      <div class="section-header">
+        <h2 id="release-title">v0.1 过关线</h2>
+        <p class="section-note">v0.1 不追求大而全，它要证明普通用户可以装起来、Agent 可以读明白、场景 Pack 可以跑完一条链路。</p>
+      </div>
+      <div class="release-band">
+        <div class="release-block">
+          <h3>v0.1 要交付什么</h3>
+          <p>
+            Core v0.1 协议、CLI v0.1、General Pack、Hub Management Pack、Content Creator Pack v0.1、Demo 工作区和入门文档。
+          </p>
+          <div class="tag-list">
+            <span>Core</span>
+            <span>CLI</span>
+            <span>Packs</span>
+            <span>Demo</span>
+            <span>Docs</span>
+          </div>
+        </div>
+        <div class="release-block">
+          <h3>v0.1 怎么算成功</h3>
+          <p>
+            用户能知道 StarWork 是什么，能按文档初始化一个工作台，能理解 Core、Kit、CLI、Pack 的关系，并能用 Content Creator Pack 跑一次最小内容生产闭环。
+          </p>
+          <div class="tag-list">
+            <span>能看懂</span>
+            <span>能安装</span>
+            <span>能检查</span>
+            <span>能跑通</span>
+          </div>
+        </div>
+      </div>
+    </section>
+    <footer class="footer">
+      <p>
+        本 HTML 是 <code>product/docs/roadmap.md</code> 的阅读版。事实源仍以 Markdown 文档为准；如果后续里程碑变化，应先更新 Markdown，再同步更新本页面。
+      </p>
+    </footer>
+  </main>
+</body>
+</html>