dsh-plugin-deck-studio 0.0.0-stage → 0.2.2

package/lib/watermark.js

@@ -0,0 +1,137 @@
+/**
+ * Logo 水印（F-125）：assets 分类 → 列举可选水印 → 给整份 deck 的页面盖 logo。
+ *
+ * 负责人口径（2026-10-23）：
+ * - assets 里按分类放素材，至少有一类 `logo`，可以放多个；
+ * - 用户跟 Agent 说「我要加水印」，能选哪个 logo；默认盖 **右上角**；
+ * - 每个页面都盖；原图不覆盖——水印产物写新的 revision（vNNN），旧图保留。
+ *
+ * 实现：纯 node（zlib）自己解 / 编 PNG（见 lib/png.js），不引 sharp/canvas。
+ * 页面图与 logo 都必须是 PNG；SVG logo 会明确提示先转 PNG，而不是静默跳过。
+ *
+ * @module dsh-plugin-deck-studio/watermark
+ */
+
+import { existsSync, readFileSync, readdirSync, statSync } from "node:fs";
+import { basename, extname, join, relative } from "node:path";
+import { compositeLogo, decodePng, encodePng } from "./png.js";
+
+/** 水印位置（默认右上角）。 */
+export const WATERMARK_POSITIONS = ["top-right", "top-left", "bottom-right", "bottom-left", "center"];
+
+export const WATERMARK_POSITION_LABELS = {
+  "top-right": "右上角（默认）",
+  "top-left": "左上角",
+  "bottom-right": "右下角",
+  "bottom-left": "左下角",
+  center: "居中",
+};
+
+const IMAGE_EXTS = new Set([".png", ".jpg", ".jpeg", ".svg"]);
+
+/** 资产分类根目录：仓库 `assets/`（按子目录分类，如 logo/）。 */
+export function assetsRootOf(repoRoot) {
+  return join(repoRoot, "assets");
+}
+
+/**
+ * 扫描 assets/ 下的分类与素材。
+ * @returns {{categories: Array<{category: string, items: Array<{id: string, name: string, category: string, format: string, bytes: number, path: string, watermarkable: boolean}>}>}}
+ */
+export function listAssets(repoRoot) {
+  const root = assetsRootOf(repoRoot);
+  if (!existsSync(root)) return { categories: [], root };
+  const categories = [];
+  for (const entry of readdirSync(root, { withFileTypes: true }).sort((a, b) => a.name.localeCompare(b.name))) {
+    if (!entry.isDirectory() || entry.name.startsWith(".")) continue;
+    const dir = join(root, entry.name);
+    const items = [];
+    for (const file of readdirSync(dir).sort()) {
+      const ext = extname(file).toLowerCase();
+      if (!IMAGE_EXTS.has(ext) || file.startsWith(".")) continue;
+      const path = join(dir, file);
+      const stat = statSync(path);
+      if (!stat.isFile()) continue;
+      items.push({
+        id: `${entry.name}/${file}`,
+        name: file,
+        category: entry.name,
+        format: ext.replace(".", ""),
+        bytes: stat.size,
+        path,
+        // 只有 PNG 能直接合成（zlib 自己解）；SVG/JPG 明确提示先转 PNG。
+        watermarkable: ext === ".png",
+      });
+    }
+    if (items.length) categories.push({ category: entry.name, items });
+  }
+  return { categories, root };
+}
+
+/** 支持做水印的素材（PNG），供 Agent 选择。 */
+export function listWatermarkAssets(repoRoot) {
+  const { categories, root } = listAssets(repoRoot);
+  const items = categories.flatMap((category) => category.items).filter((item) => item.watermarkable);
+  return { root, categories, items };
+}
+
+/**
+ * 按 Agent 给的名字找素材：id（logo/x.png）/ 文件名（x.png）/ 基名（x）都可以；
+ * 找不到或有歧义都返回候选，让 Agent 能自己纠正而不是瞎猜。
+ */
+export function findAsset(repoRoot, query) {
+  // 找素材时把 SVG/JPG 也算进来：用户报了 SVG 名字时要能明确说「需要先转 PNG」，
+  // 而不是回一句「没找到」。
+  const { categories } = listAssets(repoRoot);
+  const items = categories.flatMap((category) => category.items);
+  const raw = String(query ?? "").trim();
+  if (!raw) return { ok: false, reason: "empty", candidates: items };
+  const needle = raw.toLowerCase().replace(/\\/g, "/");
+  const qualified = needle.includes("/") ? needle : null;
+  const matches = items.filter((item) => {
+    const id = item.id.toLowerCase();
+    const name = item.name.toLowerCase();
+    const stem = name.replace(/\.[^.]+$/, "");
+    if (qualified) return id === qualified || id.endsWith(`/${qualified}`);
+    return name === needle || stem === needle || id === needle;
+  });
+  if (matches.length === 1) return { ok: true, asset: matches[0] };
+  if (matches.length > 1) return { ok: false, reason: "ambiguous", candidates: matches };
+  // 宽松兜底：唯一子串命中
+  const loose = items.filter((item) => item.id.toLowerCase().includes(needle) || item.name.toLowerCase().includes(needle));
+  if (loose.length === 1) return { ok: true, asset: loose[0] };
+  if (loose.length > 1) return { ok: false, reason: "ambiguous", candidates: loose };
+  return { ok: false, reason: "not-found", candidates: items };
+}
+
+/** 把一张页面 PNG + logo PNG 合成水印后的 PNG Buffer。 */
+export function watermarkPng({ pageBuffer, logoBuffer, position = "top-right", opacity = 0.85, scale = 0.14, margin = 0.04 }) {
+  const page = decodePng(pageBuffer);
+  const logo = decodePng(logoBuffer);
+  const { image, placement } = compositeLogo({ page, logo, position, opacity, scale, margin });
+  return { buffer: encodePng(image), size: `${image.width}x${image.height}`, placement };
+}
+
+/** 给 Agent 看的一行位置说明。 */
+export function positionLine() {
+  return WATERMARK_POSITIONS.map((key) => `${key}（${WATERMARK_POSITION_LABELS[key]}）`).join(" / ");
+}
+
+/** 报告里用的相对路径（不把本机绝对路径泄给用户/Agent）。 */
+export function displayPath(repoRoot, path) {
+  try {
+    const rel = relative(repoRoot, path);
+    return rel.startsWith("..") ? basename(path) : rel;
+  } catch {
+    return basename(path);
+  }
+}
+
+/** 读 PNG 文件（水印流程用，统一错误文案）。 */
+export function readPngFile(path) {
+  const buffer = readFileSync(path);
+  if (!buffer.subarray(0, 8).equals(Buffer.from([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]))) {
+    throw new Error(`不是 PNG：${basename(path)}`);
+  }
+  return buffer;
+}

package/package.json

@@ -1,6 +1,68 @@
 {
   "name": "dsh-plugin-deck-studio",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.2.2",
+  "private": false,
+  "description": "Deckline：DSH image deck 工作台插件 —— 原生 Chat + 整页图片 deck 工作区 + 设计风格（design）库；出图按页留痕、可点名批量连出，产物本地可追踪。",
+  "license": "MIT",
+  "type": "module",
+  "main": "./index.js",
+  "exports": {
+    ".": "./index.js",
+    "./client": "./client.js",
+    "./package.json": "./package.json"
+  },
+  "keywords": [
+    "dsh",
+    "dsh-plugin",
+    "deepseek-harness",
+    "deck",
+    "image-deck",
+    "presentation",
+    "slides",
+    "deckline"
+  ],
+  "engines": {
+    "node": "^22.19.0 || >=24.0.0",
+    "dsh": ">=0.1.7-0 <0.3.0"
+  },
+  "scripts": {
+    "verify": "node verify/smoke.mjs",
+    "prepublishOnly": "node verify/smoke.mjs"
+  },
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "platform": "web",
+      "immediately": true,
+      "inject": [
+        "renderer",
+        "layout",
+        "sidebar"
+      ]
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yuna78/dsh-deck-studio.git",
+    "directory": "plugin/deck-studio"
+  },
+  "homepage": "https://github.com/yuna78/dsh-deck-studio#readme",
+  "bugs": {
+    "url": "https://github.com/yuna78/dsh-deck-studio/issues"
+  },
+  "peerDependencies": {
+    "@deepseek-ai/dsh": ">=0.1.7-0 <0.2.0 || >=0.2.0-0 <0.3.0 || >=0.2.1-0 <0.3.0"
+  },
+  "author": "Yuna",
+  "files": [
+    "index.js",
+    "client.js",
+    "lib/",
+    "ui/",
+    "seeds/",
+    "cordis.patch.yml",
+    "cordis.example.yml"
+  ]
+}

package/seeds/resources/deckline-logo.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 392 96" width="392" height="96" role="img" aria-label="Deckline">
+  <rect width="96" height="96" rx="22" fill="#0c4651"/>
+  <g fill="none" stroke-linejoin="round">
+    <path d="M28 66V38c0-3 2-5 5-5h26c3 0 5 2 5 5v28" stroke="#faf8f2" stroke-width="4.5" stroke-linecap="round"/>
+    <path d="M38 30V24c0-2 1.5-3.5 3.5-3.5h22c2 0 3.5 1.5 3.5 3.5v28" stroke="#1496a8" stroke-width="4" stroke-linecap="round" opacity=".9"/>
+    <path d="M37 47h17" stroke="#faf8f2" stroke-width="4" stroke-linecap="round"/>
+    <path d="M37 56h11" stroke="#c5882f" stroke-width="4" stroke-linecap="round"/>
+  </g>
+  <circle cx="63" cy="60" r="5.5" fill="#c5882f"/>
+  <text x="116" y="58" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif" font-size="34" font-weight="650" fill="#0c4651" letter-spacing=".5">Deckline</text>
+  <text x="117" y="78" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif" fill="#5d777b" letter-spacing="1.8" font-size="10.5">IMAGE DECK STUDIO · DSH PLUGIN</text>
+</svg>

package/seeds/resources/index.json

@@ -0,0 +1,19 @@
+{
+  "items": [
+    {
+      "name": "deckline-logo",
+      "file": "deckline-logo.png",
+      "description": "Deckline 字标（横版，透明底）"
+    },
+    {
+      "name": "deckline-logo-svg",
+      "file": "deckline-logo.svg",
+      "description": "Deckline 字标矢量版"
+    },
+    {
+      "name": "deckline-mark",
+      "file": "deckline-mark.png",
+      "description": "Deckline 图标（方形）"
+    }
+  ]
+}

package/seeds/styles/BIZ.json

@@ -0,0 +1,22 @@
+{
+  "abbr": "BIZ",
+  "name": "商务咨询（蓝灰）",
+  "description": "顶级咨询公司信息页：白底、深海军蓝与灰蓝主色、少量暖橙强调；细线表格、三栏框架图、数据图卡；字号层级克制、留白充足；专业、可信、可打印。",
+  "constraints": "不要深色背景、不要霓虹渐变、不要 3D、不要卡通插画、不要照片拼贴、不要阴影与投影、不要圆角大卡片、不要彩色斑块；不要超过一处暖橙强调；行动标题不要写成栏目名或口号；不要在 prompt 里出现任何机构或客户品牌名（统一写作「顶级战略咨询机构提案质感」）。",
+  "reference": "McKinsey / BCG 提案页风格",
+  "styleBrief": "商务咨询信息页（顶级战略咨询机构提案质感）：纯白纸面 #FFFFFF。主色深海军蓝 #1F3864（标题与正文），次级灰蓝 #5B7DB1（说明与次级信息），分隔线浅灰蓝 #A9B8CC；暖橙 #D97A2B 只作单一强调点（关键数字 / 推荐项 / 箭头），占画面面积 ≤5%，每页只强调一处。所有笔触为 0.5–1px 细线：表格横线、三栏分隔、连接线都锐利干净，表头底线可略加粗，不堆叠竖线。16:9 信息页结构：左上角小号章节标签 + 一行行动标题（结论句，深海军蓝，克制字号）+ 主图或主表（细线表格 / 三栏框架 / 数据图卡 / 极简柱状图）+ 右下小字口径注释 + 页脚来源与页码。字号 4 级（章节标签 / 行动标题 / 分组小标题 / 正文注释），留白充足，信息密度中高，一页只讲一个论点。专业、可信、可打印；无阴影、无渐变、无圆角大卡。",
+  "baselineBriefs": [
+    {
+      "title": "封面 / 章节页",
+      "brief": "白底咨询封面页：左上角小号章节标签「FRAMEWORK」；中央两行深海军蓝大标题（12 字内），标题下一道 0.5px 细线；底部一行两段小字说明与页码；右侧大面积留白，只用一枚暖橙细线箭头或小色块作唯一强调。"
+    },
+    {
+      "title": "三栏框架页",
+      "brief": "白底三栏框架页：一行结论式行动标题；主区三栏等宽，每栏顶部灰蓝色细线框标题、下面 3 条短条目，条目间 0.5px 浅灰蓝横线，不堆叠竖线；第三栏顶部加一枚暖橙圆点强调；底部一行小字口径说明与页脚来源页码。"
+    },
+    {
+      "title": "数据图卡页",
+      "brief": "白底数据页：一行带数字的结论式行动标题；上方 3 张并排数据卡（超大号深海军蓝数字 + 一行灰蓝说明 + 极细上边线，无边框无阴影）；下方极简柱状图（只有水平细基线，柱体深浅蓝灰分层，关键一根暖橙，无网格无图例框）；右下小字口径注释与页脚来源页码。"
+    }
+  ]
+}

package/seeds/styles/EDT.json

@@ -0,0 +1,22 @@
+{
+  "abbr": "EDT",
+  "name": "杂志编辑（衬线大标题）",
+  "description": "杂志/画册编辑风：奶油白底、粗衬线大标题、严格栅格、大号引文、黑色正文与朱红强调、细线分隔；版面有节奏、可读性强。",
+  "constraints": "不要卡通、不要渐变、不要 3D、不要贴纸元素、不要密集数据表、不要高饱和荧光色、不要出现真实品牌 logo 或人物照片。",
+  "reference": "Monocle / Kinfolk 版式",
+  "styleBrief": "杂志编辑排版（Monocle / Kinfolk 纸刊质感）：奶油白纸底 #FBF7EF，无渐变、无阴影。标题用粗重衬线大字（宋体 / 明朝体方向的 display serif），黑色 #1A1A1A 与朱红 #C0392B 两个颜色做视觉节奏；小标签用全大写字母 + 加宽字距 + 细字重。严格栅格：大标题常压左侧 2/3，右侧放一张低饱和建筑或纸感照片（无人、无品牌）；下方细线分隔、大号引文（带超大引号、可朱红）、三栏编号 01/02/03 短段落。装饰只用几何色块（圆弧 / 半圆 / 三角）与细线，不用插画和 3D。信息密度中低，留白大，编辑节奏强。",
+  "baselineBriefs": [
+    {
+      "title": "封面",
+      "brief": "奶油白纸刊封面：左侧两行粗衬线大标题（第一行黑色、第二行朱红，12 字内），标题上方一行加宽字距全大写小标签；右侧一张低饱和建筑 / 纸面照片（无人）；左下大号朱红引文与两行导语；底部细线与页码。"
+    },
+    {
+      "title": "双栏文章页",
+      "brief": "奶油白内容页：左侧超大字号的朱红引号与一段引文（3–5 字朱红强调）+ 两行导语；右侧两栏小字号黑体正文（行距松），栏间 0.5px 细线；页脚一行页码与栏目名；整页只用一个几何色块作装饰。"
+    },
+    {
+      "title": "三栏编号页",
+      "brief": "奶油白三栏页：顶部一行粗衬线标题 + 一行加宽字距小标签；下方 01/02/03 三栏，每栏顶部朱红编号与加粗小标题、一段 2–3 行正文，栏间 0.5px 细线；底部细线与页码，留白充足。"
+    }
+  ]
+}

package/seeds/styles/FYI.json

@@ -0,0 +1,22 @@
+{
+  "abbr": "FYI",
+  "name": "高端深色（玻璃质感）",
+  "description": "深色高端发布会风格：近黑炭底、半透明玻璃面板、紫青极光渐变、细发光线条、金色点缀；大标题居中或左对齐，信息面板悬浮；有电影感与高级感。",
+  "constraints": "不要白底、不要卡通、不要密集小字、不要廉价渐变、不要照片人物、不要彩色图标堆叠、不要出现真实公司 logo。",
+  "reference": "Apple 发布会 / 高端 SaaS keynote",
+  "styleBrief": "高端深色 keynote（发布会质感）：近黑炭底 #0B0F14，半透明玻璃拟态面板（1px 内发光细边 + 轻微模糊），背景紫青极光渐变光晕（紫 #7C4DFF / 青 #22D3EE，低透明度），香槟金 #D4AF7A 只用于数字和细线。标题用优雅衬线大字（白色），小标签用全大写加宽字距的金色细字。信息块少而大：并排玻璃卡片，卡内超大金色数字 + 一行说明 + 极简发光折线；底部细金线与页码点。整体电影感、深色、留白大、无杂色、无照片人物。",
+  "baselineBriefs": [
+    {
+      "title": "封面",
+      "brief": "近黑 keynote 封面：中央两行白色衬线大标题（12 字内，第二行可香槟金），上方一枚金色细短线；背景紫青极光光晕与玻璃拟态几何面板；底部三个小圆点页码与细金线。"
+    },
+    {
+      "title": "双玻璃数据卡",
+      "brief": "近黑深色页：左上小号金色标签 + 一行白色标题；中部两个并列玻璃拟态卡片，各含全大写金色小标签、超大金色数字（如 +42%）、一行白色说明、极细发光折线；背景紫青光晕；底部细线与页码。"
+    },
+    {
+      "title": "特性 / 路线页",
+      "brief": "近黑深色页：一行白色标题；下方三个玻璃拟态特性卡横排（细线图标 + 金色小标题 + 两行说明），或一条金色细线时间轴带 4 个发光节点与白色小标签；背景极光暗光晕，留白大。"
+    }
+  ]
+}

package/seeds/styles/GRD.json

@@ -0,0 +1,22 @@
+{
+ "abbr": "GRD",
+ "name": "渐变极光（深色玻璃 · 编辑感）",
+ "description": "深色编辑风：近黑炭底 + 紫青极光丝带 + 玻璃圆角面板 + 香槟金细线；标题居左、中文大字重、留白大；克制、昂贵、有编辑感。",
+ "constraints": "不要 3D 球体/环、不要满屏高饱和渐变、不要英文营销 slogan/假数字、不要照片/写实人物、不要卡通插画、不要密集小字、不要商务蓝灰模板感、不要真实品牌 logo。",
+ "reference": "Linear / Vercel 官网视觉",
+ "styleBrief": "深色玻璃极光（编辑感）：近黑炭底 #0B0F12，四角更深；一条紫 #7C3AED 到青 #22D3EE 的低饱和极光丝带从左下向右上缓慢流动，边缘柔化、不刺眼；玻璃质感圆角面板（半透明深色 + 1px 浅白描边 + 轻模糊 + 深投影）承载内容；香槟金 #D8B26A 极细弧线与短线做点缀（0.5–1px）；标题居左、白色无衬线大字重，副标题白色 70%；信息块少而整（1–3 块），中文为主，留白大、层级清楚；整体克制、昂贵、有编辑感。",
+ "baselineBriefs": [
+  {
+   "title": "封面",
+   "brief": "深色极光封面：居左两行白色无衬线大字标题（第二行香槟金），下方一行白色 70% 副标题；右侧一张玻璃面板内三行中文要点，各配细线图标；紫青极光自左下向右上流动，一条香槟金细弧线穿过标题区；左下角一行小字署名。"
+  },
+  {
+   "title": "三栏内容",
+   "brief": "深色内容页：顶部一行白色标题 + 一行白色 70% 副标题；中部三张并排玻璃卡片，各含细线图标、中文短标题、两行中文说明，卡片间以香槟金细线连接；背景极光克制、右上角弱光晕；底部一行小字页码。"
+  },
+  {
+   "title": "对比 / 矩阵",
+   "brief": "深色对比页：顶部一行白色标题；中部两列玻璃面板对照（左「现在」右「之后」），每列 3 条中文短句、细线分隔，列间一条香槟金细线；背景极光只在边缘，信息区干净。"
+  }
+ ]
+}

package/seeds/styles/JPN.json

@@ -0,0 +1,22 @@
+{
+  "abbr": "JPN",
+  "name": "日系极简（纸感）",
+  "description": "日系纸感极简：米白/浅砂纸底、低饱和藏青与朱色点缀、细小宋体/明朝体标题、细线框、大量留白；版面安静、克制、有呼吸感。",
+  "constraints": "不要高饱和、不要渐变、不要 3D、不要大色块、不要卡通、不要粗黑体大字、不要阴影。",
+  "reference": "無印良品 / 日本杂志内页",
+  "styleBrief": "日系极简纸感：米白和纸底 #F7F3EA（可有极细纸纹），低饱和藏青 #2E4057 作文字与细线框，朱色 #B85C4A 只作极小点缀（短线 / 小圆点 / 一个词）。标题用细字重明朝体 / 宋体，字号不大、字距略松；正文小字号、行距大。版面大量留白：常见结构是左上两行主标题 + 右上角落款小字，下方 3 个细线框卡片（01/02/03 + 居中细线图形 + 加宽字距英文小标题 + 两行说明）。装饰只用细线、圆、半圆、斜线排线；绝不渐变 / 3D / 大色块 / 插画。安静、克制、有呼吸感。",
+  "baselineBriefs": [
+    {
+      "title": "封面",
+      "brief": "米白和纸底封面：左上两行细明朝体标题（藏青，第一行 8–10 字、第二行略小），标题下一行加宽字距全大写小标签；右上角两行朱色小字注记与一枚朱色短横线；页面下部大面积留白，右下角细线与页码。"
+    },
+    {
+      "title": "三卡片页",
+      "brief": "米白纸感页：上方一行藏青细明朝体标题 + 一行灰蓝色小标签；下方三个等宽细线框卡片，每张顶部 01/02/03 小数字、中间极简细线图形（圆 / 双圆交叠 / 阶梯柱）、下方加宽字距英文小标题与两行小字说明；卡片间留白充足，无阴影。"
+    },
+    {
+      "title": "单栏留白页",
+      "brief": "米白纸感页：左侧一列窄栏（占 1/3）：细明朝体标题两行 + 一段 4–5 行小字正文 + 朱色短线；右侧大面积留白，仅一枚极细线圆或斜线排线图形；底部细线与页码。"
+    }
+  ]
+}

package/seeds/styles/SKT.json

@@ -0,0 +1,22 @@
+{
+  "abbr": "SKT",
+  "name": "手绘白板（工作坊）",
+  "description": "工作坊手绘白板风：白板白底、马克笔手绘线、便签、箭头、手写感标题、蓝绿橙三色高亮；轻松、可参与、适合研讨。",
+  "constraints": "不要照片、不要 3D、不要渐变、不要商业模板感、不要密集小字、不要写实人物。",
+  "reference": "白板工作坊 / sketchnote",
+  "styleBrief": "手绘白板工作坊：白板白底 #FFFFFF，马克笔线条（深蓝 #1F4E9C、绿 #2E8B57、橙 #E67E22 三色），线条略抖有手感、末端圆润；标题用手写马克笔大字（可带下划线 / 底色块），小标签用全大写手写体。信息结构用便签（黄 / 浅绿 / 浅蓝）、箭头、圆形序号、简单手绘图标（灯泡 / 靶心 / 齿轮 / 对话框 / 小人 / 阶梯）。不用照片、不用 3D、不用渐变；版面轻松、可参与、留白够，适合研讨。",
+  "baselineBriefs": [
+    {
+      "title": "三段流程",
+      "brief": "白板手绘页：顶部手写马克笔大标题（深蓝，下面一道蓝色手绘下划线）；主区三段横向流程，每段圆形序号 1/2/3 + 绿色 / 橙色手绘小标题 + 一行副标题，段内 2–3 条手绘圆点条目与 2–3 张黄 / 绿便签，段间橙色手绘箭头连接；底部一条手绘「Outcome」横条与 3 个手绘图标小结果。"
+    },
+    {
+      "title": "四步工作坊流程",
+      "brief": "白板手绘页：顶部手写大标题「WORKSHOP FLOW」与两侧手绘短线；中部四个略微倾斜的手绘方框横向排列（浅蓝 / 浅绿 / 浅绿 / 浅橙底），每框一个手绘图标（地图定位 / 对话小人 / 灯泡 / 清单）与手写标签，框间绿色与橙色手绘箭头；底部一条橙色手绘弧形箭头贯穿。"
+    },
+    {
+      "title": "2×2 象限",
+      "brief": "白板手绘页：顶部手写大标题与右侧手绘椭圆注记；主区 2×2 象限，用深蓝手绘细线分四格，每格圆形序号 1–4 + 手写小标题 + 一个手绘图标 + 2–3 张彩色便签；底部两个手绘椭圆「CONSENSUS → TO VALIDATE」用橙绿箭头连接。"
+    }
+  ]
+}

package/seeds/styles/SWS.json

@@ -0,0 +1,22 @@
+{
+  "abbr": "SWS",
+  "name": "瑞士极简（黑白红）",
+  "description": "瑞士国际主义风格：纯白底、超大黑体标题、严格网格、极少颜色（黑 + 一个正红）、大留白；强对比、现代、克制。",
+  "constraints": "不要渐变、不要阴影、不要装饰图形、不要多色、不要卡通、不要照片、不要圆角。",
+  "reference": "瑞士国际主义 / Helvetica 海报",
+  "styleBrief": "瑞士国际主义海报：纯白底 #FFFFFF，无渐变、无阴影。主标题用超大无衬线黑体（Helvetica 方向，字号占版面 1/3 以上，常被边缘裁切），黑色 #111111；唯一彩色是正红 #E2231A，只出现在一个几何形状（大圆 / 三角 / 一条短线）或一个关键词上。严格网格：大标题左上，右侧大几何色块；下部 01/02/03 三栏，黑色 1px 细竖线分隔，栏内加粗小标签 + 2 行小字正文。字距紧、行距紧、留白极大；只允许黑 / 白 / 红三色与几何形状，禁止插画、照片、渐变、阴影、装饰图形。",
+  "baselineBriefs": [
+    {
+      "title": "封面",
+      "brief": "白底瑞士海报封面：左上三行超大黑色无衬线标题（可被左边缘裁切）；标题下一行加宽字距全大写小标签与一条红色短横线；右上一个大红色圆与一个黑色直角三角形；底部细线与页码。"
+    },
+    {
+      "title": "三栏信息页",
+      "brief": "白底瑞士网格页：顶部一行大号黑色无衬线标题（12 字内）；下方 01/02/03 三栏，栏间黑色 1px 竖线，每栏顶部大号黑色编号 + 加粗小标题 + 2–3 行小字正文；某处一枚正红小色块作唯一强调；底部页码细线。"
+    },
+    {
+      "title": "数字 / 图表页",
+      "brief": "白底瑞士数据页：左上超大黑色数字或短标题；右侧极简图表（黑 / 灰柱或折线，唯一一根正红，无网格无图例）；下方 3 条细线注释与页码；整页只有黑白红三色与细线。"
+    }
+  ]
+}

package/seeds/styles/TEC.json

@@ -0,0 +1,22 @@
+{
+  "abbr": "TEC",
+  "name": "科技蓝图（等距）",
+  "description": "科技蓝图风：深海军蓝网格底、青白技术线条、等距系统/架构图、等宽字体标签、发光节点；像工程蓝图和架构白皮书。",
+  "constraints": "不要照片、不要卡通、不要渐变光效泛滥、不要彩色斑块、不要写实人物、不要真实品牌 logo。",
+  "reference": "架构白皮书 / 工程蓝图",
+  "styleBrief": "科技蓝图 / 等距架构图：深海军蓝底 #0A1628，叠加极淡青色网格（#1E3A5F）；主体是等距（isometric）线框模块：节点、服务器、数据库、云、客户端，用青白色 #7DD3FC 细线与发光边，节点间正交折线连接 + 小箭头；标签用等宽字体（monospace）全大写小字，外加带边框的图例 / 清单面板（不发光）。点缀极少量暖色 #F59E0B 强调关键节点。整体像工程蓝图 / 架构白皮书，信息密度高但网格秩序强；无照片、无卡通、无廉价霓虹。",
+  "baselineBriefs": [
+    {
+      "title": "架构总览",
+      "brief": "深蓝蓝图底 + 青色细网格：顶部左侧大号等宽字体标题「SCALABLE PLATFORM」与左侧竖排三条小标签；中央等距架构图：顶部云节点 → 负载均衡 → 三个服务节点 → 数据库 / 缓存 / 存储，青白细线发光连接；左右下角三个带边框清单面板（KEY COMPONENTS / SCALING / LEGEND），等宽小字；少量橙色光点强调关键连接。"
+    },
+    {
+      "title": "等距流程图",
+      "brief": "深蓝蓝图页：顶部等宽字体标题一行 + 小标签；中部等距步骤流程 4 个模块（输入 / 处理 / 服务 / 输出）沿对角线排列，青白发光细线与正交折线箭头连接，每个模块下方等宽小字标签；右侧一个带边框说明面板；底部页码与网格。"
+    },
+    {
+      "title": "分层架构页",
+      "brief": "深蓝蓝图页：左侧等宽标题 + 五行分层清单（客户端 / 接入 / 服务 / 数据 / 观测），每行带细线图标；右侧等距分层堆叠图（3–4 层平台，青白细线，层间发光箭头），标注各层关键组件；少量橙色强调数据层；底部图例面板。"
+    }
+  ]
+}

package/ui/logo.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none">
+  <defs>
+    <linearGradient id="bg" x1="4" y1="2" x2="60" y2="62" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#0e5563"/><stop offset="1" stop-color="#08343d"/>
+    </linearGradient>
+    <linearGradient id="gold" x1="40" y1="8" x2="58" y2="26" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#e8b45c"/><stop offset="1" stop-color="#c5882f"/>
+    </linearGradient>
+    <linearGradient id="card" x1="18" y1="16" x2="50" y2="44" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#fffdf8"/><stop offset="1" stop-color="#efe8d9"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="16" fill="url(#bg)"/>
+  <rect x="13" y="34" width="34" height="21" rx="3.5" fill="#faf8f2" opacity=".28" transform="rotate(-10 30 44.5)"/>
+  <rect x="15" y="26" width="34" height="21" rx="3.5" fill="#faf8f2" opacity=".55" transform="rotate(-5 32 36.5)"/>
+  <rect x="17" y="17" width="34" height="22" rx="3.5" fill="url(#card)"/>
+  <rect x="22" y="23" width="19" height="2.6" rx="1.3" fill="#0f6975"/>
+  <rect x="22" y="29" width="12" height="2.2" rx="1.1" fill="#1496a8" opacity=".75"/>
+  <path d="M48.5 9.5l2.2 5.4 5.4 2.2-5.4 2.2-2.2 5.4-2.2-5.4-5.4-2.2 5.4-2.2z" fill="url(#gold)"/>
+</svg>