@taloswork/ose-shared 0.0.4 → 0.0.5

package/skills/document/bin/doc-text.cjs

@@ -17,6 +17,19 @@ function loadMupdf() {
   }
   return _mupdf;
 }
+var MATH_CHARS = /[=∑∫√≤≥≠±∞πθλμσΩ×÷∂∇→←↔∈∉⊂⊃∀∃]/g;
+function textMathHint(text) {
+  if (!text)
+    return false;
+  const hits = (text.match(MATH_CHARS) || []).length;
+  return hits >= 3 || hits / Math.max(text.length, 1) > 0.02;
+}
+function textTableHint(text) {
+  if (!text)
+    return false;
+  const gaps = (text.match(/ {2,}|\t/g) || []).length;
+  return gaps >= 6;
+}
 async function openDoc(bytes) {
   const mupdf = await loadMupdf();
   const doc = mupdf.Document.openDocument(bytes, "application/pdf");
@@ -25,17 +38,140 @@ async function openDoc(bytes) {
   }
   return { mupdf, doc };
 }
-async function extractPdfText(bytes) {
+async function analyzePdfDocument(bytes, options = {}) {
+  const wantText = options.text !== false;
+  const wantSignals = options.signals === true;
   const { doc } = await openDoc(bytes);
-  const n = doc.countPages();
+  const pageCount = doc.countPages();
+  const signals = [];
   let out = "";
-  for (let i = 0; i < n; i++) {
-    const text = doc.loadPage(i).toStructuredText().asText();
-    out += `
+  for (let i = 0; i < pageCount; i++) {
+    const page = doc.loadPage(i);
+    if (wantText) {
+      out += `
 [page ${i + 1}]
-${text}`;
+${page.toStructuredText().asText()}`;
+    }
+    if (wantSignals) {
+      signals.push(pageSignalsFrom(page, i + 1));
+    }
+  }
+  return { text: wantText ? out.trim() : "", pageCount, signals };
+}
+async function extractPdfText(bytes) {
+  const { text, pageCount } = await analyzePdfDocument(bytes, { text: true });
+  return { text, pageCount };
+}
+function countVectorOperators(content) {
+  let ops = 0;
+  let curves = 0;
+  let fills = 0;
+  let i = 0;
+  const n = content.length;
+  while (i < n) {
+    const ch = content[i];
+    if (ch === "(") {
+      let depth = 1;
+      i++;
+      while (i < n && depth > 0) {
+        if (content[i] === "\\")
+          i++;
+        else if (content[i] === "(")
+          depth++;
+        else if (content[i] === ")")
+          depth--;
+        i++;
+      }
+      continue;
+    }
+    if (ch === "<" && content[i + 1] !== "<") {
+      while (i < n && content[i] !== ">")
+        i++;
+      i++;
+      continue;
+    }
+    if (ch === "I" && content[i + 1] === "D" && isDelimiter(content[i + 2])) {
+      const end = content.indexOf("EI", i + 2);
+      i = end === -1 ? n : end + 2;
+      continue;
+    }
+    if (!isDelimiter(ch)) {
+      const start = i;
+      while (i < n && !isDelimiter(content[i]))
+        i++;
+      const token = content.slice(start, i);
+      switch (token) {
+        case "m":
+        case "l":
+        case "re":
+          ops++;
+          break;
+        case "c":
+        case "v":
+        case "y":
+          ops++;
+          curves++;
+          break;
+        case "f":
+        case "F":
+        case "f*":
+          fills++;
+          break;
+        case "B":
+        case "B*":
+        case "b":
+        case "b*":
+          fills++;
+          break;
+        default:
+          break;
+      }
+      continue;
+    }
+    i++;
+  }
+  return { ops, curves, fills };
+}
+function isDelimiter(ch) {
+  return ch === void 0 || ch === " " || ch === "\n" || ch === "\r" || ch === "	" || ch === "\f" || ch === "\0" || ch === "[" || ch === "]" || ch === "/" || ch === "{" || ch === "}";
+}
+function pageContentStream(page) {
+  try {
+    const obj = page.getObject?.();
+    const contents = obj?.get?.("Contents");
+    if (!contents)
+      return "";
+    const streams = contents.isArray?.() && contents.get ? Array.from({ length: contents.length ?? 0 }, (_, i) => contents.get(i)) : [contents];
+    let out = "";
+    for (const stream of streams) {
+      const buf = stream?.readStream?.();
+      const bytes = buf?.asUint8Array?.();
+      if (bytes)
+        out += Buffer.from(bytes).toString("latin1");
+    }
+    return out;
+  } catch {
+    return "";
   }
-  return out.trim();
+}
+function pageSignalsFrom(page, pageNumber) {
+  const json = JSON.parse(page.toStructuredText("preserve-images").asJSON());
+  const blocks = json.blocks ?? [];
+  const text = blocks.flatMap((b) => (b.lines ?? []).map((l) => l.text ?? "")).join(" ");
+  const [x0, y0, x1, y1] = page.getBounds();
+  const pageArea = Math.max((x1 - x0) * (y1 - y0), 1);
+  const imgArea = blocks.filter((b) => b.type === "image").reduce((a, b) => a + Math.max((b.bbox?.w ?? 0) * (b.bbox?.h ?? 0), 0), 0);
+  const vector = countVectorOperators(pageContentStream(page));
+  return {
+    page: pageNumber,
+    textChars: text.trim().length,
+    imageCoverage: Math.min(imgArea / pageArea, 1),
+    vectorOps: vector.ops,
+    vectorCurves: vector.curves,
+    vectorFills: vector.fills,
+    mathHint: textMathHint(text),
+    tableHint: textTableHint(text)
+  };
 }
 
 // apps/admin/data/skills.lib/document/bin-src/doc-text.mjs
@@ -62,12 +198,12 @@ async function main() {
     process.stdout.write(raw.toString("utf-8"));
     return;
   }
-  let text;
+  let extraction;
   try {
-    text = await extractPdfText(new Uint8Array(raw));
+    extraction = await extractPdfText(new Uint8Array(raw));
   } catch (e) {
     die(`extraction failed: ${e.message}`);
   }
-  process.stdout.write(text ?? "");
+  process.stdout.write(extraction?.text ?? "");
 }
 main();

package/skills/document/bin/html2pptx.cjs

@@ -147501,13 +147501,26 @@ async function convertLayoutToPptx(snapshot) {
             warnings.push(`${where} (chart): needs labels + a series with values \u2014 dropped`);
             break;
           }
+          const points = series.map((s, si) => {
+            const name = s.name ?? "";
+            const raw = s.values;
+            const at = `${where} (chart): series ${si + 1}${name ? ` "${name}"` : ""}`;
+            if (raw.length !== labels.length) {
+              warnings.push(`${at} has ${raw.length} value(s) for ${labels.length} label(s) \u2014 ${raw.length < labels.length ? "the trailing categories will be blank" : "the extra values are ignored"}`);
+            }
+            const values = raw.map(Number);
+            const bad = values.filter((v) => !Number.isFinite(v)).length;
+            if (bad)
+              warnings.push(`${at} has ${bad} non-numeric value(s) \u2014 plotted as 0`);
+            return { name, labels, values: values.map((v) => Number.isFinite(v) ? v : 0) };
+          });
           const horizontal = spec.type === "barH" || spec.horizontal === true;
           const rawType = spec.type === "barH" ? "bar" : spec.type;
           const type = ["bar", "line", "pie", "doughnut", "area", "radar", "scatter"].includes(rawType) ? rawType : "bar";
           const ramp = (Array.isArray(spec.colors) && spec.colors.length ? spec.colors : DEFAULT_CHART_RAMP).map((c) => cssColorToHex(c) ?? String(c).replace("#", "")).filter(Boolean);
           const axis = cssColorToHex(spec.axisColor) ?? "44474F";
           const multi = series.length > 1;
-          slide.addChart(type, series.map((s) => ({ name: s.name ?? "", labels, values: s.values.map(Number) })), {
+          slide.addChart(type, points, {
             x: frame.x,
             y: frame.y,
             w: frame.w,
@@ -147521,6 +147534,9 @@ async function convertLayoutToPptx(snapshot) {
             valAxisLineColor: "C9D0DA",
             valGridLine: { color: "E2E8F0", style: "dash", size: 0.5 },
             ...horizontal ? { barDir: "bar" } : {},
+            // `showValues: true` in the data-chart prints each point's number on
+            // the mark (opt-in: on a dense series the labels collide).
+            ...spec.showValues === true ? { showValue: true } : {},
             ...multi || type === "pie" || type === "doughnut" ? { showLegend: true, legendPos: "b" } : {}
           });
           recordShape(el);

package/skills/document/deck-design.md

@@ -23,7 +23,11 @@ tagged role · structure · density · has-image. `styles/README.md` catalogs th
 (the paint). Those two READMEs are the source of truth for what exists — don't rely on
 counts quoted elsewhere. Pick layouts by **P1/P2/P3** (structure → density → **≤2 dedup**), paste
 each `layouts/<id>.tpl` into `deck.html`, fill real content (leave color to the skin),
-and render with `--style <skin>` — see the **⭐ PREFERRED workflow** below. Authoring
+and render with `--style <skin>` — see the **⭐ PREFERRED workflow** below. A layout with a
+`{{#rows}}` block (gantt · radar · ring-progress · map-distribution · team-row ·
+brand-values · color-palette · steps-vertical · toc-panel) is filled through `deck-build`
+instead of by hand — it repeats the block per row and DERIVES the figure geometry from
+your numbers (see `layouts/README.md` → "How to fill"). Authoring
 every slide from zero is the #1 "AI-generated" tell; compose from the catalog first.
 
 ## html2pptx — HTML/CSS is the layout engine

package/skills/document/layouts/README.md

@@ -22,6 +22,39 @@ mckinsey / apple / anthropic / …) and use it on every slide. Never mix skins.
 Per role: **cover** once; **toc** by chapter count; **section** reused per chapter;
 **ending** once, by purpose.
 
+## How to fill (the deck-build contract)
+
+`layouts/slots.json` is the machine-readable index of what each layout takes. A spec
+slide fills a layout through three inputs:
+
+- **`slots`** — one value per `{{name|default}}` → `{"layout":"cover","slots":{"title":"…"}}`
+- **`rows`** — a variable-length list per `{{#key}}…{{/key}}` block; each row fills that
+  block's own fields, and `{{_n}}`/`{{_nn}}` number the copies for you.
+- **`chart`** — replaces the layout's `data-chart` (a native, editable pptx chart). An
+  array fills several charts in document order.
+
+**Figure layouts take INPUT fields the template never prints** — deck-build derives the
+geometry from them, so the drawing always matches the numbers:
+
+| layout | rows | fields (spec) | derived |
+|---|---|---|---|
+| `gantt` | `cols` · `tasks` | `label` · `name`,`from`,`to` (1-based column span, inclusive) | bar offset + length |
+| `ring-progress` | `rings` | `label`,`pct`,`note` | arc dash offset + printed % |
+| `map-distribution` | `regions` · `pins` | `name`,`pct` · `x`,`y` (slide px, pin centre) | pin position |
+| `radar` | `metrics` | `name`,`score` | **the radar chart itself** |
+
+`radar` is marked `"chart": "derived"` in slots.json: its chart is built from `metrics`,
+so pass rows and never `chart` for it.
+
+Plain list layouts take rows too: `team-row.members{name,role}` ·
+`brand-values.values{name,body}` · `color-palette.swatches{name,hex}` ·
+`steps-vertical.steps{name,body}` · `toc-panel.entries{name,desc}`.
+
+Anything the spec gets wrong — unknown layout/slot/field, a repeat block with no rows, a
+figure row missing its numbers — **fails the build** (exit 1, nothing written) rather than
+shipping the template's demo content. Regenerate the index with `node scripts/gen-slots.mjs`
+after touching a `.tpl`.
+
 ## Catalog
 
 Each slide carries `data-layout="<id>"` (drives the diversity lint + traceability).
@@ -66,31 +99,31 @@ Each slide carries `data-layout="<id>"` (drives the diversity lint + traceabilit
 | `section-stat` | section | ghost-number + hero stat | light | text-only | 章节页(带关键数字) |
 | `transition` | transition | minimal big-number break | light | text-only | 纯过渡页(整册复用一个) |
 | `funnel` | content · data | narrowing funnel stages | medium (4) | text-only | 转化漏斗 |
-| `radar` | content · data | radar / spider chart (SVG) | medium (5) | diagram | 能力雷达 / 多维评估 |
-| `ring-progress` | content · data | 3 ring gauges | medium (3) | diagram | 环形进度 / 完成率 |
+| `radar` | content · data | native radar chart + score list (rows) | medium (4–6) | diagram (chart) | 能力雷达 / 多维评估 |
+| `ring-progress` | content · data | ring gauges (rows) | medium (2–4) | diagram | 环形进度 / 完成率 |
 | `icon-row` | content | icon row (3–4) | medium (4) | text-only | 图标行 · 能力/特性(L16) |
-| `gantt` | content · data | gantt schedule bars | dense | text-only | 甘特图 / 项目排期 |
+| `gantt` | content · data | gantt schedule bars (rows) | dense | text-only | 甘特图 / 项目排期 |
 | `org-tree` | content | org hierarchy tree | medium (4) | text-only | 组织架构树 |
-| `map-distribution` | content · data | map + pins + legend | medium | **map slot** | 地图分布 / 区域占比 |
-| `map-quad` | content · data | dot-matrix world map + 4 corner % callouts | medium (4) | diagram (map) | 全球分布(世界地图 + 四角占比) |
+| `map-distribution` | content · data | map + pins + legend (rows) | medium | **map slot** | 地图分布 / 区域占比 |
+| `map-quad` | content · data | dot-matrix world map + 4 FIXED corner % callouts | medium (4) | diagram (map) | 全球分布(四角固定;条目数可变用 `map-distribution`) |
 | `toc-agenda` | toc | single-column agenda | 5–7 items | text-only | 议程(单列,vs 双列 `toc`) |
-| `toc-panel` | toc | left title + dark side panel | 4 entries | text-only | 目录(左标题+右深色面板) |
+| `toc-panel` | toc | left title + dark side panel (rows) | 3–5 entries | text-only | 目录(左标题+右深色面板) |
 | `stats-chart` | content · data | title + paragraph + panel bar chart | dense | diagram (bar) | 统计页(深色面板横向条形图) |
 | `blocks-2x2` | content | 2x2 blocks grid | medium (4) | text-only | 2×2 区块网格 |
 | `editorial-panel` | content | editorial panel layout | medium | text-only | 编辑面板版式 |
 | `ending-contact` | ending | closing + contact cards | light | text-only | 结尾 + 联系方式卡 |
 | `data-table` | content · data | table (header + rows×cols) | dense | text-only | 数据表 / 多维对照 |
-| `steps-vertical` | content | vertical numbered process | medium (4) | text-only | 竖排流程步骤 |
+| `steps-vertical` | content | vertical numbered process (rows) | medium (3–5) | text-only | 竖排流程步骤 |
 | `pyramid` | content | stacked hierarchy / funnel | medium (4) | text-only | 层级 / 漏斗结构 |
 | `cover-minimal` | cover | centered ── ● ── divider | — | text-only (bg) | 极简封面(居中线点线+大写拉丁副标,mono 最佳) |
 | `numbered-brief` | content | 2-col brief + numbered discs | medium (4) | text-only | 简报页(左论述+引用 / 右实心编号盘要点) |
 | `banner-columns` | content | top banner + 3 text columns | dense (3 cols) | text-only | 通栏标题+3栏项目符号(使用说明/须知/多方案,深色皮肤最佳) |
-| `color-palette` | content | swatch row + name/hex labels | medium (5) | text-only | 配色方案(品牌手册;色块走 skin ramp,HEX 可替换) |
+| `color-palette` | content | swatch row + name/hex labels (rows) | medium (4–6) | text-only | 配色方案(品牌手册;色块走 skin ramp 按 nth-child,HEX 可替换) |
 | `type-specimen` | content | Aa specimen + samples | medium | text-only | 字体规范(大 Aa + 字重 + 标题/正文/字符集) |
 | `logo-guidelines` | content | logo lockup + variants | medium | text-only | Logo 规范(主标+留白区 / 反白 / 单色变体) |
 | `dos-donts` | content | do ✓ / don't ✗ two-column | medium (4+4) | text-only | Do & Don't(推荐/避免双栏) |
-| `brand-values` | content | 3 value cards | medium (3) | text-only | 品牌主张(编号圆+准则×3) |
-| `team-row` | content | 5 portrait slots + name/role | medium (5) | **photo slots** | 团队成员(一排 5 人像 + 姓名/职位) |
+| `brand-values` | content | value cards (rows) | medium (2–4) | text-only | 品牌主张(编号圆+准则×3) |
+| `team-row` | content | portrait slots + name/role (rows) | medium (3–5) | **photo slots** | 团队成员(一排 3–5 人像 + 姓名/职位) |
 
 ## Semantic class contract (what a skin must define)
 

package/skills/document/layouts/brand-values.tpl

@@ -1,11 +1,9 @@
-<!-- layouts/brand-values — structure-only (paint via skin). 品牌手册"品牌主张":3 张卡,每张 编号圆 + 准则标题 + 说明. 复用既有 class(.surface/.step-circle/.step-title/.step-body). data-layout drives P1/P2/P3 + dedup. -->
+<!-- layouts/brand-values — structure-only (paint via skin). 品牌手册"品牌主张":每张卡 编号圆({{_nn}}) + 准则标题 + 说明. rows.values{name,body} — 3 张最佳,2–4 张自适应. 复用既有 class(.surface/.step-circle/.step-title/.step-body). data-layout drives P1/P2/P3 + dedup. -->
 <section class="slide" data-layout="brand-values" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div>
-<div class="eyebrow-row" style="position:absolute;left:96px;top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.28em">BRAND VALUES</span></div>
-<h2 class="deck-title" style="position:absolute;left:92px;top:158px;font-size:48px;letter-spacing:-.4px">品牌主张</h2>
-<div class="steps" style="position:absolute;left:96px;right:96px;top:280px;bottom:96px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px">
-  <div class="step surface" style="padding:34px 32px;display:flex;flex-direction:column"><div class="step-circle" style="width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;line-height:1">01</div><div class="step-title" style="font-size:22px;font-weight:700;font-family:var(--font-head);margin-top:22px">真诚 · Authentic</div><p class="step-body" style="font-size:15px;line-height:1.7;margin-top:10px">一句准则说明,表达品牌的核心态度,替换为真实内容。</p></div>
-  <div class="step surface" style="padding:34px 32px;display:flex;flex-direction:column"><div class="step-circle" style="width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;line-height:1">02</div><div class="step-title" style="font-size:22px;font-weight:700;font-family:var(--font-head);margin-top:22px">克制 · Minimal</div><p class="step-body" style="font-size:15px;line-height:1.7;margin-top:10px">一句准则说明,表达品牌的核心态度,替换为真实内容。</p></div>
-  <div class="step surface" style="padding:34px 32px;display:flex;flex-direction:column"><div class="step-circle" style="width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;line-height:1">03</div><div class="step-title" style="font-size:22px;font-weight:700;font-family:var(--font-head);margin-top:22px">可持续 · Sustainable</div><p class="step-body" style="font-size:15px;line-height:1.7;margin-top:10px">一句准则说明,表达品牌的核心态度,替换为真实内容。</p></div>
+<div class="eyebrow-row" style="position:absolute;left:96px;top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.28em">{{eyebrow|BRAND VALUES}}</span></div>
+<h2 class="deck-title" style="position:absolute;left:92px;top:158px;font-size:48px;letter-spacing:-.4px">{{title|品牌主张}}</h2>
+<div class="steps" style="position:absolute;left:96px;right:96px;top:280px;bottom:96px;display:flex;gap:28px">
+  {{#values}}<div class="step surface" style="flex:1;padding:34px 32px;display:flex;flex-direction:column"><div class="step-circle" style="width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;line-height:1">{{_nn|01}}</div><div class="step-title" style="font-size:22px;font-weight:700;font-family:var(--font-head);margin-top:22px">{{name|占位准则 · Value}}</div><p class="step-body" style="font-size:15px;line-height:1.7;margin-top:10px">{{body|一句准则说明,表达品牌的核心态度,替换为真实内容。}}</p></div>{{/values}}
 </div>
-<div class="rule rule-foot" style="position:absolute;left:96px;right:96px;bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:96px;bottom:17px;font-size:12px;letter-spacing:.1em">报告标题 / 章节</div><div class="deck-pageno" style="position:absolute;right:96px;bottom:17px;font-size:12px">01</div>
+<div class="rule rule-foot" style="position:absolute;left:96px;right:96px;bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:96px;bottom:17px;font-size:12px;letter-spacing:.1em">{{footer|报告标题 / 章节}}</div><div class="deck-pageno" style="position:absolute;right:96px;bottom:17px;font-size:12px">{{pageno|01}}</div>
 </section>

package/skills/document/layouts/color-palette.tpl

@@ -1,13 +1,9 @@
-<!-- layouts/color-palette — structure-only (paint via skin). 品牌手册"配色方案":一排色板(主色更宽)+ 名称 + HEX 标签. 色块填色走 skin 的 ramp 变量(var(--c1..c4)/--title),不硬编码;HEX 是可替换文本. data-layout drives P1/P2/P3 + dedup. -->
+<!-- layouts/color-palette — structure-only (paint via skin). 品牌手册"配色方案":一排等宽色板 + 名称 + HEX 标签. rows.swatches{name,hex} — 4–6 色最佳. 色块填色走 skin 的 ramp 变量(.swatch via .pal-item:nth-child),不硬编码;HEX 是可替换文本. data-layout drives P1/P2/P3 + dedup. -->
 <section class="slide" data-layout="color-palette" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div>
-<div class="eyebrow-row" style="position:absolute;left:96px;top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.28em">COLOR PALETTE</span></div>
-<h2 class="deck-title" style="position:absolute;left:92px;top:158px;font-size:48px;letter-spacing:-.4px">配色方案</h2>
-<div class="palette" style="position:absolute;left:96px;right:96px;top:264px;bottom:92px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:20px">
-  <div class="pal-item" style="display:flex;flex-direction:column"><div class="swatch" style="flex:1;border-radius:var(--card-radius);min-height:180px"></div><div class="pal-name" style="font-size:16px;font-weight:700;margin-top:16px">主色 · Primary</div><div class="pal-hex" style="font-size:13px;margin-top:4px;letter-spacing:.06em;font-family:ui-monospace,'SF Mono',Menlo,monospace">#7A9A72</div></div>
-  <div class="pal-item" style="display:flex;flex-direction:column"><div class="swatch" style="flex:1;border-radius:var(--card-radius);min-height:180px"></div><div class="pal-name" style="font-size:16px;font-weight:700;margin-top:16px">辅助 · Secondary</div><div class="pal-hex" style="font-size:13px;margin-top:4px;letter-spacing:.06em;font-family:ui-monospace,'SF Mono',Menlo,monospace">#B79C6E</div></div>
-  <div class="pal-item" style="display:flex;flex-direction:column"><div class="swatch" style="flex:1;border-radius:var(--card-radius);min-height:180px"></div><div class="pal-name" style="font-size:16px;font-weight:700;margin-top:16px">强调 · Accent</div><div class="pal-hex" style="font-size:13px;margin-top:4px;letter-spacing:.06em;font-family:ui-monospace,'SF Mono',Menlo,monospace">#5E7D5A</div></div>
-  <div class="pal-item" style="display:flex;flex-direction:column"><div class="swatch" style="flex:1;border-radius:var(--card-radius);min-height:180px"></div><div class="pal-name" style="font-size:16px;font-weight:700;margin-top:16px">中性 · Neutral</div><div class="pal-hex" style="font-size:13px;margin-top:4px;letter-spacing:.06em;font-family:ui-monospace,'SF Mono',Menlo,monospace">#A9A288</div></div>
-  <div class="pal-item" style="display:flex;flex-direction:column"><div class="swatch" style="flex:1;border-radius:var(--card-radius);min-height:180px"></div><div class="pal-name" style="font-size:16px;font-weight:700;margin-top:16px">墨 · Ink</div><div class="pal-hex" style="font-size:13px;margin-top:4px;letter-spacing:.06em;font-family:ui-monospace,'SF Mono',Menlo,monospace">#26261F</div></div>
+<div class="eyebrow-row" style="position:absolute;left:96px;top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.28em">{{eyebrow|COLOR PALETTE}}</span></div>
+<h2 class="deck-title" style="position:absolute;left:92px;top:158px;font-size:48px;letter-spacing:-.4px">{{title|配色方案}}</h2>
+<div class="palette" style="position:absolute;left:96px;right:96px;top:264px;bottom:92px;display:flex;gap:20px">
+  {{#swatches}}<div class="pal-item" style="flex:1;display:flex;flex-direction:column"><div class="swatch" style="flex:1;border-radius:var(--card-radius);min-height:180px"></div><div class="pal-name" style="font-size:16px;font-weight:700;margin-top:16px">{{name|占位色 · Name}}</div><div class="pal-hex" style="font-size:13px;margin-top:4px;letter-spacing:.06em;font-family:ui-monospace,'SF Mono',Menlo,monospace">{{hex|#000000}}</div></div>{{/swatches}}
 </div>
-<div class="rule rule-foot" style="position:absolute;left:96px;right:96px;bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:96px;bottom:17px;font-size:12px;letter-spacing:.1em">报告标题 / 章节</div><div class="deck-pageno" style="position:absolute;right:96px;bottom:17px;font-size:12px">01</div>
+<div class="rule rule-foot" style="position:absolute;left:96px;right:96px;bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:96px;bottom:17px;font-size:12px;letter-spacing:.1em">{{footer|报告标题 / 章节}}</div><div class="deck-pageno" style="position:absolute;right:96px;bottom:17px;font-size:12px">{{pageno|01}}</div>
 </section>

package/skills/document/layouts/gantt.tpl

@@ -1,4 +1,4 @@
-<!-- layouts/gantt — structure-only variant (paint via skin). -->
-<section class="slide" data-layout="gantt" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div><div class="eyebrow-row" style="position:absolute;left:96px;top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.28em">SCHEDULE</span></div><h2 class="deck-title" style="position:absolute;left:92px;top:158px;font-size:48px;letter-spacing:-.4px">项目排期</h2>
- <div style="position:absolute;left:96px;right:96px;top:284px"><div style="display:grid;grid-template-columns:180px 1fr;align-items:center;padding-bottom:10px"><div></div><div style="display:grid;grid-template-columns:repeat(6,1fr)"><div class="gantt-grid" style="font-size:12px;padding-left:6px;border-left:1px solid var(--hair)">Q1</div><div class="gantt-grid" style="font-size:12px;padding-left:6px;border-left:1px solid var(--hair)">Q2</div><div class="gantt-grid" style="font-size:12px;padding-left:6px;border-left:1px solid var(--hair)">Q3</div><div class="gantt-grid" style="font-size:12px;padding-left:6px;border-left:1px solid var(--hair)">Q4</div><div class="gantt-grid" style="font-size:12px;padding-left:6px;border-left:1px solid var(--hair)">Q5</div><div class="gantt-grid" style="font-size:12px;padding-left:6px;border-left:1px solid var(--hair)">Q6</div></div></div><div style="display:grid;grid-template-columns:180px 1fr;align-items:center;height:52px"><div class="dt-key" style="font-size:15px;font-weight:600">需求调研</div><div class="gantt-track" style="position:relative;height:20px;border-radius:var(--card-radius)"><div class="gantt-bar" style="position:absolute;top:0;bottom:0;left:0%;width:25%;border-radius:var(--card-radius)"></div></div></div><div style="display:grid;grid-template-columns:180px 1fr;align-items:center;height:52px"><div class="dt-key" style="font-size:15px;font-weight:600">方案设计</div><div class="gantt-track" style="position:relative;height:20px;border-radius:var(--card-radius)"><div class="gantt-bar" style="position:absolute;top:0;bottom:0;left:16.666666666666664%;width:25%;border-radius:var(--card-radius)"></div></div></div><div style="display:grid;grid-template-columns:180px 1fr;align-items:center;height:52px"><div class="dt-key" style="font-size:15px;font-weight:600">开发实现</div><div class="gantt-track" style="position:relative;height:20px;border-radius:var(--card-radius)"><div class="gantt-bar" style="position:absolute;top:0;bottom:0;left:33.33333333333333%;width:41.66666666666667%;border-radius:var(--card-radius)"></div></div></div><div style="display:grid;grid-template-columns:180px 1fr;align-items:center;height:52px"><div class="dt-key" style="font-size:15px;font-weight:600">测试验收</div><div class="gantt-track" style="position:relative;height:20px;border-radius:var(--card-radius)"><div class="gantt-bar" style="position:absolute;top:0;bottom:0;left:66.66666666666666%;width:25%;border-radius:var(--card-radius)"></div></div></div><div style="display:grid;grid-template-columns:180px 1fr;align-items:center;height:52px"><div class="dt-key" style="font-size:15px;font-weight:600">上线推广</div><div class="gantt-track" style="position:relative;height:20px;border-radius:var(--card-radius)"><div class="gantt-bar" style="position:absolute;top:0;bottom:0;left:83.33333333333334%;width:16.666666666666664%;border-radius:var(--card-radius)"></div></div></div></div>
-<div class="rule rule-foot" style="position:absolute;left:96px;right:96px;bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:96px;bottom:17px;font-size:12px;letter-spacing:.1em">报告标题 / 章节</div><div class="deck-pageno" style="position:absolute;right:96px;bottom:17px;font-size:12px">01</div></section>
+<!-- layouts/gantt — structure-only variant (paint via skin). rows.cols{label} = the timeline header; rows.tasks{name,from,to} = one bar per task, spanning columns from..to (1-based, inclusive) — deck-build derives _left/_width so the bar always matches the numbers. -->
+<section class="slide" data-layout="gantt" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div><div class="eyebrow-row" style="position:absolute;left:96px;top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.28em">{{eyebrow|SCHEDULE}}</span></div><h2 class="deck-title" style="position:absolute;left:92px;top:158px;font-size:48px;letter-spacing:-.4px">{{title|项目排期}}</h2>
+ <div style="position:absolute;left:96px;right:96px;top:284px"><div style="display:grid;grid-template-columns:180px 1fr;align-items:center;padding-bottom:10px"><div></div><div style="display:flex">{{#cols}}<div class="gantt-grid" style="flex:1;font-size:12px;padding-left:6px;border-left:1px solid var(--hair)">{{label|Q1}}</div>{{/cols}}</div></div>{{#tasks}}<div style="display:grid;grid-template-columns:180px 1fr;align-items:center;height:52px"><div class="dt-key" style="font-size:15px;font-weight:600">{{name|占位任务}}</div><div class="gantt-track" style="position:relative;height:20px;border-radius:var(--card-radius)"><div class="gantt-bar" style="position:absolute;top:0;bottom:0;left:{{_left|0}}%;width:{{_width|25}}%;border-radius:var(--card-radius)"></div></div></div>{{/tasks}}</div>
+<div class="rule rule-foot" style="position:absolute;left:96px;right:96px;bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:96px;bottom:17px;font-size:12px;letter-spacing:.1em">{{footer|报告标题 / 章节}}</div><div class="deck-pageno" style="position:absolute;right:96px;bottom:17px;font-size:12px">{{pageno|01}}</div></section>

package/skills/document/layouts/logo-guidelines.tpl

@@ -1,14 +1,14 @@
-<!-- layouts/logo-guidelines — structure-only (paint via skin). 品牌手册"Logo 规范":左 主标 + 虚线留白区;右 三种变体(主标/反白/单色). 字标/反白底/单色走 skin 变量(.logo-mark/.logo-tile-dark/.logo-mark-rev/.logo-mark-mono/.clearspace). data-layout drives P1/P2/P3 + dedup. -->
+<!-- layouts/logo-guidelines — structure-only (paint via skin). 品牌手册"Logo 规范":左 主标 + 虚线留白区;右 三种变体(主标/反白/单色). {{wordmark}} 填一次,四处字标同步. 字标/反白底/单色走 skin 变量(.logo-mark/.logo-tile-dark/.logo-mark-rev/.logo-mark-mono/.clearspace). data-layout drives P1/P2/P3 + dedup. -->
 <section class="slide" data-layout="logo-guidelines" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div>
-<div class="eyebrow-row" style="position:absolute;left:96px;top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.28em">LOGO</span></div>
-<h2 class="deck-title" style="position:absolute;left:92px;top:158px;font-size:48px;letter-spacing:-.4px">Logo 规范</h2>
+<div class="eyebrow-row" style="position:absolute;left:96px;top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.28em">{{eyebrow|LOGO}}</span></div>
+<h2 class="deck-title" style="position:absolute;left:92px;top:158px;font-size:48px;letter-spacing:-.4px">{{title|Logo 规范}}</h2>
 <!-- left: primary logo + clear space -->
-<div class="surface" style="position:absolute;left:96px;top:264px;width:560px;bottom:92px;display:flex;align-items:center;justify-content:center"><div class="clearspace" style="padding:56px 72px;border-radius:var(--card-radius)"><div class="logo-mark" style="font-family:var(--font-head);font-size:56px;font-weight:700;letter-spacing:.04em">BRAND</div><div class="surface-label" style="font-size:13px;text-align:center;margin-top:8px;letter-spacing:.24em">STUDIO</div></div></div>
+<div class="surface" style="position:absolute;left:96px;top:264px;width:560px;bottom:92px;display:flex;align-items:center;justify-content:center"><div class="clearspace" style="padding:56px 72px;border-radius:var(--card-radius)"><div class="logo-mark" style="font-family:var(--font-head);font-size:56px;font-weight:700;letter-spacing:.04em">{{wordmark|BRAND}}</div><div class="surface-label" style="font-size:13px;text-align:center;margin-top:8px;letter-spacing:.24em">{{tagline|STUDIO}}</div></div></div>
 <!-- right: 3 variants -->
 <div style="position:absolute;left:692px;right:96px;top:264px;bottom:92px;display:flex;flex-direction:column;gap:18px">
-  <div class="surface" style="flex:1;display:flex;align-items:center;justify-content:center;position:relative"><div class="logo-mark" style="font-family:var(--font-head);font-size:32px;font-weight:700;letter-spacing:.04em">BRAND</div><span class="surface-label" style="position:absolute;left:18px;bottom:12px;font-size:11px;letter-spacing:.14em">主标 · Primary</span></div>
-  <div class="logo-tile-dark" style="flex:1;border-radius:var(--card-radius);display:flex;align-items:center;justify-content:center;position:relative"><div class="logo-mark-rev" style="font-family:var(--font-head);font-size:32px;font-weight:700;letter-spacing:.04em">BRAND</div><span class="logo-mark-rev" style="position:absolute;left:18px;bottom:12px;font-size:11px;letter-spacing:.14em;opacity:.7">反白 · Reverse</span></div>
-  <div class="surface" style="flex:1;display:flex;align-items:center;justify-content:center;position:relative"><div class="logo-mark-mono" style="font-family:var(--font-head);font-size:32px;font-weight:700;letter-spacing:.04em">BRAND</div><span class="surface-label" style="position:absolute;left:18px;bottom:12px;font-size:11px;letter-spacing:.14em">单色 · Mono</span></div>
+  <div class="surface" style="flex:1;display:flex;align-items:center;justify-content:center;position:relative"><div class="logo-mark" style="font-family:var(--font-head);font-size:32px;font-weight:700;letter-spacing:.04em">{{wordmark|BRAND}}</div><span class="surface-label" style="position:absolute;left:18px;bottom:12px;font-size:11px;letter-spacing:.14em">{{v1_label|主标 · Primary}}</span></div>
+  <div class="logo-tile-dark" style="flex:1;border-radius:var(--card-radius);display:flex;align-items:center;justify-content:center;position:relative"><div class="logo-mark-rev" style="font-family:var(--font-head);font-size:32px;font-weight:700;letter-spacing:.04em">{{wordmark|BRAND}}</div><span class="logo-mark-rev" style="position:absolute;left:18px;bottom:12px;font-size:11px;letter-spacing:.14em;opacity:.7">{{v2_label|反白 · Reverse}}</span></div>
+  <div class="surface" style="flex:1;display:flex;align-items:center;justify-content:center;position:relative"><div class="logo-mark-mono" style="font-family:var(--font-head);font-size:32px;font-weight:700;letter-spacing:.04em">{{wordmark|BRAND}}</div><span class="surface-label" style="position:absolute;left:18px;bottom:12px;font-size:11px;letter-spacing:.14em">{{v3_label|单色 · Mono}}</span></div>
 </div>
-<div class="rule rule-foot" style="position:absolute;left:96px;right:96px;bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:96px;bottom:17px;font-size:12px;letter-spacing:.1em">报告标题 / 章节</div><div class="deck-pageno" style="position:absolute;right:96px;bottom:17px;font-size:12px">01</div>
+<div class="rule rule-foot" style="position:absolute;left:96px;right:96px;bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:96px;bottom:17px;font-size:12px;letter-spacing:.1em">{{footer|报告标题 / 章节}}</div><div class="deck-pageno" style="position:absolute;right:96px;bottom:17px;font-size:12px">{{pageno|01}}</div>
 </section>