npm - @openprd/cli - Versions diffs - 0.1.8 → 0.1.10 - Mend

@openprd/cli 0.1.8 → 0.1.10

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 (134) hide show

package/.openprd/benchmarks/index.md +15 -1
package/.openprd/config.yaml +10 -0
package/.openprd/design/README.md +47 -0
package/.openprd/design/README_EN.md +25 -0
package/.openprd/design/active/asset-spec.md +15 -0
package/.openprd/design/active/direction-plan.md +7 -0
package/.openprd/design/active/facts-sheet.md +13 -0
package/.openprd/design/active/image-preflight.md +9 -0
package/.openprd/design/active/selected-direction.md +11 -0
package/.openprd/design/anti-slop.md +16 -0
package/.openprd/design/assets/dark-mesh.svg +14 -0
package/.openprd/design/assets/paper-grid.svg +14 -0
package/.openprd/design/assets/surface-presets.md +21 -0
package/.openprd/design/assets/workbench-grid.svg +16 -0
package/.openprd/design/checklists/ui-quality-gate.md +22 -0
package/.openprd/design/components/component-catalog.md +42 -0
package/.openprd/design/layouts/layout-catalog.json +45 -0
package/.openprd/design/lenses/frontend-lenses.md +31 -0
package/.openprd/design/recipes/content-experience.md +26 -0
package/.openprd/design/recipes/operational-tool.md +25 -0
package/.openprd/design/recipes/product-launch.md +26 -0
package/.openprd/design/templates/README.md +36 -0
package/.openprd/design/templates/README_EN.md +31 -0
package/.openprd/design/templates/content-home.html +415 -0
package/.openprd/design/templates/ops-dashboard.html +340 -0
package/.openprd/design/templates/product-launch.html +360 -0
package/.openprd/design/themes/theme-catalog.json +77 -0
package/.openprd/engagements/active/prd.md +111 -100
package/.openprd/schema/prd.schema.yaml +10 -0
package/.openprd/templates/base/intake.md +4 -0
package/.openprd/templates/base/prd.md +16 -6
package/AGENTS.md +10 -7
package/README.md +28 -10
package/README_EN.md +23 -3
package/package.json +41 -2
package/scripts/openprd-codex-isolated-worker.mjs +799 -0
package/skills/openprd-benchmark-router/SKILL.md +4 -0
package/skills/openprd-frontend-design/SKILL.md +161 -0
package/skills/openprd-frontend-design/references/design-asset-contract.md +34 -0
package/skills/openprd-frontend-design/references/direction-engine.md +46 -0
package/skills/openprd-harness/SKILL.md +38 -21
package/skills/openprd-learning-review/SKILL.md +2 -1
package/skills/openprd-learning-review/references/style-packs/xianxia-cultivation.prompt.md +1 -1
package/skills/openprd-quality/SKILL.md +6 -4
package/skills/openprd-requirement-intake/SKILL.md +27 -5
package/skills/openprd-requirement-intake/references/prd-template-lenses.md +6 -3
package/skills/openprd-requirement-intake/references/routing-rubric.md +9 -5
package/skills/openprd-requirement-intake/references/startup-validation-lens.md +23 -0
package/skills/openprd-router/SKILL.md +13 -5
package/skills/openprd-shared/SKILL.md +38 -25
package/src/agent-integration.js +126 -75
package/src/brainstorm-artifacts.js +1657 -0
package/src/brainstorm-presentation.js +223 -0
package/src/brainstorm.js +603 -0
package/src/cli/args.js +51 -3
package/src/cli/doctor-print.js +34 -8
package/src/cli/print.js +6 -0
package/src/cli/quality-print.js +70 -0
package/src/cli/run-print.js +43 -1
package/src/cli/shared-print.js +33 -2
package/src/cli/workflow-print.js +21 -0
package/src/codex-hook-runner-template.mjs +858 -65
package/src/design-starter-support.js +462 -0
package/src/design-starter.js +1207 -0
package/src/knowledge.js +377 -21
package/src/learning-review.js +3 -3
package/src/loop.js +839 -101
package/src/openprd.js +86 -1
package/src/openspec/change-validate.js +1 -0
package/src/prd-core.js +18 -0
package/src/quality-learning.js +50 -6
package/src/quality.js +2 -2
package/src/run-harness.js +191 -29
package/src/self-update.js +301 -4
package/src/standards.js +46 -5
package/src/visual-prepare.js +940 -0
package/src/workspace-core.js +137 -0
package/src/workspace-workflow.js +190 -7
package/.openprd/benchmarks/evidence/milvus-io-ai-code-review-gets-better-when-models-debate-claude-vs-gemini-vs-code.md +0 -14
package/.openprd/benchmarks/evidence/nolanlawson-com-using-ai-to-write-better-code-more-slowly.md +0 -14
package/.openprd/discovery/config.json +0 -35
package/.openprd/engagements/active/flows.md +0 -35
package/.openprd/engagements/active/handoff.md +0 -16
package/.openprd/engagements/active/review.html +0 -61
package/.openprd/engagements/active/roles.md +0 -22
package/.openprd/engagements/work-units/wu-20260524015648-6d33ded7.json +0 -23
package/.openprd/engagements/work-units/wu-20260602113956-a99b5b88.json +0 -18
package/.openprd/engagements/work-units/wu-20260602122244-78656aaf.json +0 -18
package/.openprd/engagements/work-units/wu-20260602122442-e96489e2.json +0 -18
package/.openprd/engagements/work-units/wu-20260602132835-695429e8.json +0 -18
package/.openprd/exports/.gitkeep +0 -0
package/.openprd/knowledge/candidates/candidate-turn-1780116203372-5f266a79e968c758/candidate.json +0 -78
package/.openprd/knowledge/candidates/candidate-turn-1780116203372-5f266a79e968c758/diagnostic-report.json +0 -129
package/.openprd/knowledge/candidates/candidate-turn-1780116203372-5f266a79e968c758/root-cause-candidates.json +0 -41
package/.openprd/knowledge/candidates/candidate-turn-1780116203372-5f266a79e968c758/timeline.json +0 -14
package/.openprd/knowledge/drafts/openprd-experience-diagnostic-candidate-turn-1780116203372-5f266a79e968c758/SKILL.md +0 -49
package/.openprd/knowledge/index.json +0 -47
package/.openprd/reviews/v0001.html +0 -1322
package/.openprd/reviews/v0002.html +0 -1150
package/.openprd/reviews/v0003.html +0 -1150
package/.openprd/reviews/v0004.html +0 -1150
package/.openprd/reviews/v0005.html +0 -1150
package/.openprd/sessions/.gitkeep +0 -0
package/.openprd/state/changes.json +0 -27
package/.openprd/state/current.json +0 -505
package/.openprd/state/release-ledger.json +0 -344
package/.openprd/state/version-index.json +0 -67
package/.openprd/state/versions/.gitkeep +0 -0
package/.openprd/state/versions/v0001.json +0 -121
package/.openprd/state/versions/v0001.md +0 -161
package/.openprd/state/versions/v0002.json +0 -264
package/.openprd/state/versions/v0002.md +0 -183
package/.openprd/state/versions/v0003.json +0 -269
package/.openprd/state/versions/v0003.md +0 -188
package/.openprd/state/versions/v0004.json +0 -274
package/.openprd/state/versions/v0004.md +0 -193
package/.openprd/state/versions/v0005.json +0 -299
package/.openprd/state/versions/v0005.md +0 -189
package/docs/assets/openprd-capability-overview-en.png +0 -0
package/docs/assets/openprd-capability-overview-zh.png +0 -0
package/docs/assets/openprd-learning-html.png +0 -0
package/docs/assets/openprd-quality-html.png +0 -0
package/docs/assets/openprd-requirement-routing-en.png +0 -0
package/docs/assets/openprd-requirement-routing-en.svg +0 -102
package/docs/assets/openprd-requirement-routing-zh-refined.png +0 -0
package/docs/assets/openprd-requirement-routing-zh.png +0 -0
package/docs/assets/openprd-requirement-routing-zh.svg +0 -102
package/docs/assets/openprd-review-html.png +0 -0
package/docs/assets/openprd-scenario-overview.png +0 -0
package/docs/assets/openprd-scenario-overview.svg +0 -114
package/docs/assets/openprd-self-evolving-mechanisms-en.png +0 -0
package/docs/assets/openprd-self-evolving-mechanisms-zh.png +0 -0
package/docs/assets/openprd-visual-compare-case-study-en.png +0 -0
package/docs/assets/openprd-visual-compare-case-study-zh.png +0 -0

package/.openprd/design/templates/content-home.html ADDED Viewed

@@ -0,0 +1,415 @@
+<!-- starter-defaults: lens=editorial-contrast theme=warm-editorial layout=story-map -->
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>内容型首页模板</title>
+    <style>
+      :root {
+        --bg: #f3ecdf;
+        --panel: rgba(255, 251, 244, 0.88);
+        --ink: #241b16;
+        --muted: #6a564c;
+        --line: rgba(52, 36, 27, 0.16);
+        --accent: #8f5b3f;
+        --accent-soft: rgba(143, 91, 63, 0.14);
+        --shadow: 0 18px 48px rgba(43, 28, 20, 0.12);
+        --radius: 24px;
+      }
+      * { box-sizing: border-box; }
+      body {
+        margin: 0;
+        font-family: "PingFang SC", "Noto Sans SC", "Helvetica Neue", sans-serif;
+        color: var(--ink);
+        background:
+          radial-gradient(circle at top left, rgba(165, 118, 83, 0.16), transparent 34%),
+          linear-gradient(180deg, #f6f0e4 0%, var(--bg) 100%);
+      }
+      .page {
+        width: min(1180px, calc(100vw - 32px));
+        margin: 0 auto;
+        padding: 32px 0 56px;
+      }
+      .hero,
+      .section,
+      .cta {
+        background: var(--panel);
+        border: 1px solid var(--line);
+        border-radius: var(--radius);
+        box-shadow: var(--shadow);
+        backdrop-filter: blur(12px);
+      }
+      .hero {
+        display: grid;
+        grid-template-columns: 1.2fr 0.8fr;
+        gap: 24px;
+        padding: 28px;
+      }
+      .eyebrow,
+      .kicker {
+        display: inline-flex;
+        gap: 8px;
+        align-items: center;
+        padding: 6px 12px;
+        border-radius: 999px;
+        background: var(--accent-soft);
+        color: var(--accent);
+        font-size: 13px;
+      }
+      h1,
+      h2,
+      h3,
+      p { margin: 0; }
+      h1 {
+        margin-top: 18px;
+        font-family: "Songti SC", "STSong", serif;
+        font-size: clamp(34px, 5vw, 58px);
+        line-height: 1.06;
+        font-weight: 600;
+      }
+      .lede {
+        margin-top: 16px;
+        max-width: 52ch;
+        line-height: 1.7;
+        color: var(--muted);
+      }
+      .hero-actions,
+      .stat-row,
+      .card-grid,
+      .mini-grid,
+      .timeline {
+        display: grid;
+        gap: 14px;
+      }
+      .hero-actions {
+        margin-top: 24px;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+      .button,
+      .ghost {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        min-height: 48px;
+        padding: 0 18px;
+        border-radius: 999px;
+        border: 1px solid var(--line);
+        text-decoration: none;
+      }
+      .button {
+        background: var(--ink);
+        color: #fff;
+      }
+      .ghost {
+        color: var(--ink);
+        background: rgba(255, 255, 255, 0.56);
+      }
+      .feature-panel {
+        min-height: 100%;
+        padding: 22px;
+        border-radius: 20px;
+        border: 1px dashed rgba(56, 42, 32, 0.22);
+        background:
+          linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(245, 235, 222, 0.7)),
+          repeating-linear-gradient(135deg, rgba(126, 95, 70, 0.06) 0 14px, transparent 14px 28px);
+        display: grid;
+        gap: 16px;
+        align-content: start;
+      }
+      .feature-panel ul {
+        padding-left: 18px;
+        margin: 0;
+        color: var(--muted);
+        line-height: 1.7;
+      }
+      .feature-copy {
+        color: var(--muted);
+        line-height: 1.7;
+      }
+      .feature-media,
+      .card-media {
+        overflow: hidden;
+        border-radius: 18px;
+        border: 1px solid var(--line);
+        background: rgba(255, 255, 255, 0.54);
+      }
+      .feature-media {
+        min-height: 260px;
+      }
+      .card-media {
+        aspect-ratio: 4 / 3;
+        margin-bottom: 14px;
+      }
+      .media-frame,
+      .media-fallback {
+        height: 100%;
+        min-height: inherit;
+      }
+      .media-frame {
+        display: grid;
+      }
+      .media-frame img {
+        width: 100%;
+        height: 100%;
+        display: block;
+        object-fit: cover;
+      }
+      .media-frame figcaption,
+      .media-fallback span {
+        padding: 12px 14px;
+        font-size: 13px;
+        color: var(--muted);
+      }
+      .media-frame figcaption {
+        border-top: 1px solid var(--line);
+        background: rgba(255, 255, 255, 0.72);
+      }
+      .media-fallback {
+        display: grid;
+        place-items: center;
+        background:
+          linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(243, 233, 219, 0.86)),
+          repeating-linear-gradient(135deg, rgba(126, 95, 70, 0.08) 0 16px, transparent 16px 32px);
+      }
+      .stat-row {
+        margin-top: 22px;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+      .stat,
+      .card,
+      .mini-card,
+      .timeline-card {
+        padding: 18px;
+        border-radius: 18px;
+        border: 1px solid var(--line);
+        background: rgba(255, 255, 255, 0.56);
+      }
+      .stat strong,
+      .timeline-card strong {
+        display: block;
+        font-size: 24px;
+        margin-bottom: 8px;
+      }
+      .section {
+        margin-top: 20px;
+        padding: 24px;
+      }
+      .section-head {
+        display: flex;
+        justify-content: space-between;
+        align-items: end;
+        gap: 16px;
+        margin-bottom: 18px;
+      }
+      .section-head p {
+        max-width: 42ch;
+        color: var(--muted);
+        line-height: 1.65;
+      }
+      .card-grid {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+      .card h3,
+      .mini-card h3 {
+        font-size: 18px;
+        margin-bottom: 10px;
+      }
+      .card p,
+      .mini-card p,
+      .timeline-card p {
+        color: var(--muted);
+        line-height: 1.7;
+      }
+      .mini-grid {
+        grid-template-columns: 1.1fr 0.9fr;
+      }
+      .timeline {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+      .cta {
+        margin-top: 20px;
+        padding: 24px 26px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 20px;
+      }
+      .cta p {
+        color: var(--muted);
+        line-height: 1.65;
+      }
+      @media (max-width: 920px) {
+        .hero,
+        .mini-grid,
+        .timeline,
+        .card-grid,
+        .stat-row,
+        .cta {
+          grid-template-columns: 1fr;
+          display: grid;
+        }
+        .cta {
+          align-items: start;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <main class="page">
+      <section class="hero">
+        <div>
+          <span class="eyebrow">内容型首页模板</span>
+          <h1>[品牌名 / 首页主题]</h1>
+          <p class="lede">[这里放一句能说明这次首页体验目标的引导文案。它应该同时带出内容气质、用户第一步动作和页面的核心价值。]</p>
+          <div class="hero-actions">
+            <a class="button" href="#">[主动作]</a>
+            <a class="ghost" href="#">[次动作]</a>
+          </div>
+          <div class="stat-row">
+            <article class="stat">
+              <span class="kicker">事实卡</span>
+              <strong>[关键事实]</strong>
+              <p>[事实说明或时间/价格/地点]</p>
+            </article>
+            <article class="stat">
+              <span class="kicker">结构卡</span>
+              <strong>[模块入口]</strong>
+              <p>[说明该入口为什么重要]</p>
+            </article>
+            <article class="stat">
+              <span class="kicker">提醒卡</span>
+              <strong>[准备事项]</strong>
+              <p>[到访提醒 / 条件 / 风险]</p>
+            </article>
+          </div>
+        </div>
+        <aside class="feature-panel">
+          <div class="feature-media">[视觉锚点媒体]</div>
+          <div>
+            <span class="kicker">视觉锚点</span>
+            <h2 style="margin-top: 14px;">[内容型封面区 / 示意图 / 地图 / 馆藏编号]</h2>
+          </div>
+          <p class="feature-copy">[这里不必是真实摄影，但要有清楚的内容暗示]</p>
+          <ul>
+            <li>[用纸张、纹理、编号、导览标签或卡片秩序承接气质]</li>
+            <li>[避免把它做成通用 SaaS hero]</li>
+          </ul>
+        </aside>
+      </section>
+      <section class="section">
+        <div class="section-head">
+          <div>
+            <span class="kicker">推荐内容</span>
+            <h2 style="margin-top: 10px;">[今日推荐 / 值得先看的内容]</h2>
+          </div>
+          <p>[这里解释这一组内容是按什么逻辑排序，帮助用户快速进入当前主题。]</p>
+        </div>
+        <div class="card-grid">
+          <article class="card">
+            <div class="card-media">[推荐媒体一]</div>
+            <h3>[推荐项一]</h3>
+            <p>[一句说明内容价值、位置或推荐理由。]</p>
+          </article>
+          <article class="card">
+            <div class="card-media">[推荐媒体二]</div>
+            <h3>[推荐项二]</h3>
+            <p>[一句说明内容价值、位置或推荐理由。]</p>
+          </article>
+          <article class="card">
+            <div class="card-media">[推荐媒体三]</div>
+            <h3>[推荐项三]</h3>
+            <p>[一句说明内容价值、位置或推荐理由。]</p>
+          </article>
+        </div>
+      </section>
+      <section class="section mini-grid">
+        <article class="mini-card">
+          <span class="kicker">浏览结构</span>
+          <h2 style="margin-top: 12px;">[楼层 / 栏目 / 导览分区]</h2>
+          <p style="margin-top: 10px;">[用清楚的浏览结构告诉用户怎么从“看什么”过渡到“怎么去”。]</p>
+        </article>
+        <article class="mini-card">
+          <span class="kicker">路线与准备</span>
+          <h2 style="margin-top: 12px;">[路线 / 门票 / 到访准备]</h2>
+          <p style="margin-top: 10px;">[把行动入口放在内容之后，但别藏得太深。]</p>
+        </article>
+      </section>
+      <section class="section">
+        <div class="section-head">
+          <div>
+            <span class="kicker">行动流程</span>
+            <h2 style="margin-top: 10px;">[从浏览到出发的时间轴]</h2>
+          </div>
+          <p>[适合路线规划、参观准备、报名、到访前后流程这类需要顺序感的内容。]</p>
+        </div>
+        <div class="timeline">
+          <article class="timeline-card">
+            <strong>01</strong>
+            <p>[步骤一]</p>
+          </article>
+          <article class="timeline-card">
+            <strong>02</strong>
+            <p>[步骤二]</p>
+          </article>
+          <article class="timeline-card">
+            <strong>03</strong>
+            <p>[步骤三]</p>
+          </article>
+        </div>
+      </section>
+      <section class="cta">
+        <div>
+          <span class="kicker">最终动作</span>
+          <h2 style="margin-top: 10px;">[最后一段转化区标题]</h2>
+          <p style="margin-top: 8px;">[用一句人话把内容价值和下一步动作收拢起来。]</p>
+        </div>
+        <a class="button" href="#">[确认动作]</a>
+      </section>
+    </main>
+  </body>
+</html>