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

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 (133) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +47 -2
  3. package/client.js +500 -0
  4. package/cordis.example.yml +163 -0
  5. package/cordis.patch.yml +147 -0
  6. package/index.js +2340 -0
  7. package/lib/config.js +216 -0
  8. package/lib/content-density.js +98 -0
  9. package/lib/deck-brief.js +87 -0
  10. package/lib/deck-docs.js +1095 -0
  11. package/lib/deck-rules.js +124 -0
  12. package/lib/deck-templates.js +149 -0
  13. package/lib/deck-workspace.js +480 -0
  14. package/lib/design-style.js +157 -0
  15. package/lib/designs.js +175 -0
  16. package/lib/diff.js +88 -0
  17. package/lib/exporter.js +336 -0
  18. package/lib/faq.js +300 -0
  19. package/lib/git-commit.js +87 -0
  20. package/lib/home-catalog.js +249 -0
  21. package/lib/png.js +275 -0
  22. package/lib/proposal-decision.js +204 -0
  23. package/lib/render-nodes.js +171 -0
  24. package/lib/render-settings.js +213 -0
  25. package/lib/render.js +287 -0
  26. package/lib/review-personas.js +258 -0
  27. package/lib/script-style.js +55 -0
  28. package/lib/script-writer.js +165 -0
  29. package/lib/source-adapter.js +327 -0
  30. package/lib/store.js +212 -0
  31. package/lib/tools.js +2594 -0
  32. package/lib/watermark.js +137 -0
  33. package/package.json +67 -4
  34. package/seeds/docs/assets/screenshots/00-hero.png +0 -0
  35. package/seeds/docs/assets/screenshots/01-home.png +0 -0
  36. package/seeds/docs/assets/screenshots/02-deck-pages.png +0 -0
  37. package/seeds/docs/assets/screenshots/03-script.png +0 -0
  38. package/seeds/docs/assets/screenshots/04-design.png +0 -0
  39. package/seeds/docs/assets/screenshots/05-governance.png +0 -0
  40. package/seeds/docs/assets/screenshots/06-settings.png +0 -0
  41. package/seeds/docs/assets/screenshots/07-new-deck.png +0 -0
  42. package/seeds/docs/assets/screenshots/manual/01-home.png +0 -0
  43. package/seeds/docs/assets/screenshots/manual/02-deck-pages.png +0 -0
  44. package/seeds/docs/assets/screenshots/manual/03-script.png +0 -0
  45. package/seeds/docs/assets/screenshots/manual/04-design.png +0 -0
  46. package/seeds/docs/assets/screenshots/manual/05-governance.png +0 -0
  47. package/seeds/docs/assets/screenshots/manual/06-settings.png +0 -0
  48. package/seeds/docs/assets/screenshots/manual/07-new-deck.png +0 -0
  49. package/seeds/docs/assets/screenshots/manual/legend.json +12 -0
  50. package/seeds/docs/compat.md +134 -0
  51. package/seeds/docs/install.en.md +252 -0
  52. package/seeds/docs/install.md +304 -0
  53. package/seeds/docs/manual.en.md +294 -0
  54. package/seeds/docs/manual.md +258 -0
  55. package/seeds/docs/productization.en.md +212 -0
  56. package/seeds/docs/productization.md +193 -0
  57. package/seeds/docs/sample-deck.en.md +114 -0
  58. package/seeds/docs/sample-deck.md +104 -0
  59. package/seeds/docs/styles.en.md +112 -0
  60. package/seeds/docs/styles.md +100 -0
  61. package/seeds/resources/deckline-logo.png +0 -0
  62. package/seeds/resources/deckline-logo.svg +12 -0
  63. package/seeds/resources/deckline-mark.png +0 -0
  64. package/seeds/resources/index.json +19 -0
  65. package/seeds/samples/BIZ-01.jpg +0 -0
  66. package/seeds/samples/BIZ-02.jpg +0 -0
  67. package/seeds/samples/BIZ-03.jpg +0 -0
  68. package/seeds/samples/EDT-01.jpg +0 -0
  69. package/seeds/samples/EDT-02.jpg +0 -0
  70. package/seeds/samples/EDT-03.jpg +0 -0
  71. package/seeds/samples/FYI-01.jpg +0 -0
  72. package/seeds/samples/FYI-02.jpg +0 -0
  73. package/seeds/samples/FYI-03.jpg +0 -0
  74. package/seeds/samples/GRD-01.jpg +0 -0
  75. package/seeds/samples/GRD-02.jpg +0 -0
  76. package/seeds/samples/GRD-03.jpg +0 -0
  77. package/seeds/samples/JPN-01.jpg +0 -0
  78. package/seeds/samples/JPN-02.jpg +0 -0
  79. package/seeds/samples/JPN-03.jpg +0 -0
  80. package/seeds/samples/SKT-01.jpg +0 -0
  81. package/seeds/samples/SKT-02.jpg +0 -0
  82. package/seeds/samples/SKT-03.jpg +0 -0
  83. package/seeds/samples/SWS-01.jpg +0 -0
  84. package/seeds/samples/SWS-02.jpg +0 -0
  85. package/seeds/samples/SWS-03.jpg +0 -0
  86. package/seeds/samples/TEC-01.jpg +0 -0
  87. package/seeds/samples/TEC-02.jpg +0 -0
  88. package/seeds/samples/TEC-03.jpg +0 -0
  89. package/seeds/samples/deckline-intro/README.md +41 -0
  90. package/seeds/samples/deckline-intro/assets/deckline-logo.png +0 -0
  91. package/seeds/samples/deckline-intro/assets/deckline-logo.svg +12 -0
  92. package/seeds/samples/deckline-intro/assets/deckline-mark.png +0 -0
  93. package/seeds/samples/deckline-intro/deckline-intro.pptx +0 -0
  94. package/seeds/samples/deckline-intro/intent.md +48 -0
  95. package/seeds/samples/deckline-intro/materials/project-summary.md +90 -0
  96. package/seeds/samples/deckline-intro/materials/screenshots/01-workbench-deck.png +0 -0
  97. package/seeds/samples/deckline-intro/materials/screenshots/02-home-decks.png +0 -0
  98. package/seeds/samples/deckline-intro/materials/screenshots/03-home-designs.png +0 -0
  99. package/seeds/samples/deckline-intro/materials/screenshots/04-new-deck-popup.png +0 -0
  100. package/seeds/samples/deckline-intro/materials.md +110 -0
  101. package/seeds/samples/deckline-intro/pages/p01.png +0 -0
  102. package/seeds/samples/deckline-intro/pages/p02.png +0 -0
  103. package/seeds/samples/deckline-intro/pages/p03.png +0 -0
  104. package/seeds/samples/deckline-intro/pages/p04.png +0 -0
  105. package/seeds/samples/deckline-intro/pages/p05.png +0 -0
  106. package/seeds/samples/deckline-intro/pages/p06.png +0 -0
  107. package/seeds/samples/deckline-intro/pages/p07.png +0 -0
  108. package/seeds/samples/deckline-intro/pages/p08.png +0 -0
  109. package/seeds/samples/deckline-intro/pages/p09.png +0 -0
  110. package/seeds/samples/deckline-intro/pages/p10.png +0 -0
  111. package/seeds/samples/deckline-intro/popup.md +87 -0
  112. package/seeds/samples/deckline-intro/prompts/p01.txt +4 -0
  113. package/seeds/samples/deckline-intro/prompts/p02.txt +6 -0
  114. package/seeds/samples/deckline-intro/prompts/p03.txt +6 -0
  115. package/seeds/samples/deckline-intro/prompts/p04.txt +6 -0
  116. package/seeds/samples/deckline-intro/prompts/p05.txt +6 -0
  117. package/seeds/samples/deckline-intro/prompts/p06.txt +6 -0
  118. package/seeds/samples/deckline-intro/prompts/p07.txt +6 -0
  119. package/seeds/samples/deckline-intro/prompts/p08.txt +6 -0
  120. package/seeds/samples/deckline-intro/prompts/p09.txt +6 -0
  121. package/seeds/samples/deckline-intro/prompts/p10.txt +6 -0
  122. package/seeds/samples/deckline-intro/script.md +88 -0
  123. package/seeds/styles/BIZ.json +22 -0
  124. package/seeds/styles/EDT.json +22 -0
  125. package/seeds/styles/FYI.json +22 -0
  126. package/seeds/styles/GRD.json +22 -0
  127. package/seeds/styles/JPN.json +22 -0
  128. package/seeds/styles/SKT.json +22 -0
  129. package/seeds/styles/SWS.json +22 -0
  130. package/seeds/styles/TEC.json +22 -0
  131. package/ui/logo.svg +20 -0
  132. package/ui/workbench.css +687 -0
  133. package/ui/workbench.html +4554 -0
@@ -0,0 +1,6 @@
1
+ 深色玻璃极光(编辑感):近黑炭底 #0B0F12,四角更深;一条紫 #7C3AED 到青 #22D3EE 的低饱和极光丝带从左下向右上缓慢流动,边缘柔化、不刺眼;玻璃质感圆角面板(半透明深色 + 1px 浅白描边 + 轻模糊 + 深投影)承载内容;香槟金 #D8B26A 极细弧线与短线做点缀(0.5–1px);标题居左、白色无衬线大字重,副标题白色 70%;信息块少而整(1–3 块),中文为主,留白大、层级清楚;整体克制、昂贵、有编辑感。
2
+ 不要什么:不要 3D 球体/环、不要满屏高饱和渐变、不要英文营销 slogan/假数字、不要虚构人名或英文署名、不要照片/写实人物、不要卡通插画、不要密集小字、不要商务蓝灰模板感、不要真实品牌 logo。
3
+ 页面标题:上手步骤
4
+ 这页回答:第一次使用按什么顺序做?
5
+ 主张:上手分三步:第一步,在工作台新建 Deck 并写明听众与时长;第二步,与 Agent 确定意图与逐页脚本,每次修改先看 diff 再确认;第三步,逐页出图,不满意可回退到上一版。想先看效果,可直接打开仓库里的 samples/deckline-intro 示例。流程说明在 docs/sample-deck.md,导出支持 PDF、PPTX 与交接包。
6
+ 画面要求:竖向步骤版式,16:9 整页。顶部居左一行标题「上手步骤」。左侧约 60% 竖向排列三条步骤,每条由左侧两位编号「01 / 02 / 03」加右侧一行动作说明组成,步骤之间用短竖线连接,三条行高一致、整体左对齐。右侧约 40% 上下排列两张等宽小卡片:上卡片写「README · docs/sample-deck.md」,下卡片写「MIT」,两卡间距与行距一致。左右两区顶部与底边对齐。页脚一行小字「示例 deck 在 samples/deckline-intro」。不用箭头涂鸦堆叠、照片与人物,留白不少于 40%。
@@ -0,0 +1,88 @@
1
+ ---
2
+ title: Deckline 产品说明手册
3
+ owner:
4
+ created: 2026-10-20T14:40:25.068Z
5
+ confidential: public
6
+ render: image
7
+ deck-type: talk
8
+ pages: 10
9
+ status: draft
10
+ ---
11
+
12
+ # Deckline 产品说明手册
13
+
14
+ > 由「新建 Deck」创建:先补意图与资料,再改 script;未确认前不出图。
15
+
16
+ ## 故事线
17
+
18
+ (待补:分几段、每段回答什么、为什么这个顺序。)
19
+
20
+ ### P01 · Deckline 产品说明手册
21
+ **标题**:Deckline 产品说明手册
22
+ **副标题**:这份手册讲什么、按什么顺序读?
23
+ **主张**:本手册共四部分:Deckline 是什么与适用范围、工作台与版本机制、风格与治理如何复用、安装与上手步骤。全篇 10 页,约 3–5 分钟读完;需要细节时按页内指向的 README 与 docs 查证。
24
+ **正文**:Deckline 是 DSH 上的 image deck 工作台:用对话改稿、一次出一页图、源文件只读——不是又一个 PPT 编辑器。
25
+ **提示词**:封面页(16:9,单页只承载一件事:这是 Deckline)。版式:居左起排,两行超大标题——第一行「Deckline」,第二行「deck 的生产线」,第二行字号略小一级;标题下方一行副标题「讲给谁 · 讲什么 · 怎么出图」。标题右下方放一张圆角面板,面板内竖排三条要点,每条一行短标题加一个细线图标:① 用对话改稿 ② 一次出一页图 ③ 源文件只读;三条等距、不堆字。右下角一行极小字注「IMAGE DECK STUDIO · DSH PLUGIN · v0.1」。整体左重右轻,左侧大面积留白。禁止:人物与照片、真实品牌 logo、英文营销口号、假数字、3D 球体。
26
+
27
+ ### P02 · 做 deck 为什么总返工
28
+ **标题**:做 deck 为什么总返工
29
+ **副标题**:为什么改到第三版,还是说不清哪版被确认过?
30
+ **主张**:因为材料散在四个地方:想法在聊天里、稿子在文档里、图在另一个工具里、版本说不清——返工不是水平问题,是结构问题。
31
+ **正文**:因为材料散在四个地方:想法在聊天里、稿子在文档里、图在另一个工具里、版本说不清——返工不是水平问题,是结构问题。
32
+ **提示词**:信息页(16:9,一页讲清一个因果)。版式:顶部居左一行白色大字标题「做 deck 为什么总返工」,紧随一行 70% 灰度副标题「改到第三版,还是说不清哪版被确认过?」。中部主视觉是四块大小一致、间距相等的圆角面板横向并排(窄屏可 2×2),每块内只有三样东西:一个细线图标、一个中文短标题(≤6 字:想法在聊天里 / 稿子在文档里 / 图在另一个工具里 / 版本说不清)、一行 8–12 字说明;四块用极细的金色线段从底部收拢,汇到底部一块横跨全宽的窄条结论面板,条内一行字:「返工不是水平问题,是结构问题」。层级:标题 > 四面板 > 结论条,字号依次递减,全页中文不超过 40 字。背景材质、极光走向、玻璃与金色细线均由关联风格 GRD 提供,本页不另设配色。禁止:密集小字、卡通涂鸦、便签便条、照片、英文 slogan、虚构数字与署名。
33
+
34
+ ### P03 · 一条产线,不是编辑器
35
+ **标题**:一条产线,不是编辑器
36
+ **副标题**:那 Deckline 到底解决哪一段?
37
+ **主张**:Deckline 是 DSH 的 image deck 工作台:从意图、脚本到出图、版本、治理都在一个工作区;一期只做整页图片 deck。
38
+ **正文**:Deckline 是 DSH 的 image deck 工作台插件:把意图、逐页脚本、出图、版本与治理文档放在同一工作区内。一期支持整页图片 deck(一页一张整页图),支持逐页修改与版本回退;出图默认一次一页,也可在对话里要求整批出、由 Agent 逐页执行。一期不支持 HTML deck 渲染、PPT 原生图层编辑、写回客户源目录与多人实时协作。
39
+ **提示词**:中央一行三段流程:「讨论 → 出图 → 留档」,三个节点各一个细线图标,下方各一行 6 字注释(讲给谁 / 怎么出图 / 有出处);上下大量留白;底部一行小字「一期只做整页图片 deck」。
40
+
41
+ ### P04 · 工作台三栏与分工
42
+ **标题**:工作台三栏与分工
43
+ **副标题**:三栏分别做什么、数据从哪来?
44
+ **主张**:工作台一屏三栏:Chat 讨论与确认、工作区出图与版本、资料库查证素材,三栏共用同一份 deck 数据。
45
+ **正文**:工作台一屏分三栏,从左到右依次是:① Chat——与 Agent 讨论、接收提案、逐条确认,所有改动都在这里发起;② 工作区——显示整页图、逐页画面要求与历史版本,出图与回退在此完成;③ 资料库——列出受控源文件、风格样张与事件记录,用于查证事实与取用素材。顶部标签用于切换意图、脚本、Design、修改日志、反馈、调研、支撑材料与治理文档。三栏共用同一份 deck 数据,因此不需要在工具之间复制粘贴。
46
+ **提示词**:三栏布局:左窄栏列 3 条对话摘要,中栏一张 16:9 整页缩略图(右下角页码 01),右窄栏列 3 条资料条目;三栏之间用极细分隔线;顶部一行标题。
47
+
48
+ ### P05 · 版本机制:提案、确认、新版本
49
+ **标题**:版本机制:提案、确认、新版本
50
+ **副标题**:一次修改会经过哪几步?
51
+ **主张**:所有改动先提案、确认后落新版本——旧版保留可回退,出图一次一页、每页各自成版本。
52
+ **正文**:一次修改分四步:① 提案——Agent 生成改动并展示 diff,此时文件不变;② 确认——你逐条确认或整批确认;③ 落版——写成副本形式的新版本,旧版保留、不被覆盖;④ 归档——每页 prompt、出图结果、QA 记录与事件写入该版本。出图默认按页进行;在对话里要求整批出图时,Agent 仍逐页生成,每页各自成版本。版本号自 v001 递增,出图失败不产生新版本。
53
+ **提示词**:五步横向流程:提案 / 确认 / 落版本 / 单页出图 / 留档,每步一个编号 + 一行标签,第二步「确认」加一圈强调标记;链上方一行小字写版本号从 001 进到 002;留白大。
54
+
55
+ ### P06 · 风格(design)与复用
56
+ **标题**:风格(design)与复用
57
+ **副标题**:风格怎么定义、怎么换、换完影响什么?
58
+ **主张**:风格是独立资产:一段画面描述 + 若干样张,关联到 deck 后出图自动带上,换风格不影响页面内容。
59
+ **正文**:风格(design)与 deck 是两种实体。风格由一段画面描述(styleBrief)与若干样张组成,有独立画布;deck 关联风格后,出图自动带上该风格提示词。使用方法:① 在 Designs 里选 8 个预设之一(各附基线样张),或自建风格并补样张;② 在 deck 上关联该风格;③ 逐页出图,需要换风格时重新关联即可。换风格只改变出图使用的画面语言,不改页面内容,也不覆盖已有版本。
60
+ **提示词**:2 行 4 列共 8 张小卡片:每张一个风格名(商务 / 深色 / 纸感 / 杂志 / 蓝图 / 白板 / 极简 / 渐变)+ 一条色块条;右下角一张虚线边框卡片写「+ 自己的样张」;卡片间距均匀、整体留白。
61
+
62
+ ### P07 · 治理文档与交接包
63
+ **标题**:治理文档与交接包
64
+ **副标题**:一份 deck 还包含哪些文档?
65
+ **主张**:治理文档 + 交接包让 deck 能换人接手:缺项与评分可见,交付前补齐即可。
66
+ **正文**:一份 deck 不只是几张图:意图、脚本、Design、修改日志、反馈、调研、支撑材料都在同一个工作区里,外加审稿与事实核对,缺哪份、治理分多少一眼看得见。交接包把脚本、每页 prompt、每页图、文档和事件一起打包——换人接手照文档就能往下改。你现在看的这份示例,就是这么攒出来的。
67
+ **提示词**:中央环形图分 8 段,每段内一行文档名(极简);已齐的段内一个勾标,待补的段内一个圆点;右下角一个小方框写「交接包」,露出三张纸条;环形偏左,右侧留白。
68
+
69
+ ### P08 · 安装与配置
70
+ **标题**:安装与配置
71
+ **副标题**:如何安装、key 放在哪里?
72
+ **主张**:安装三步:建 profile、装插件、启动;出图 key 只从环境变量或本机文件读,不落仓库。
73
+ **正文**:三条命令:建一个 deckline profile → 装插件 → 启动看工作台。出图 key 只从环境变量或本机 key 文件读,界面只显示「配没配」、不显示内容。没有 key 也能用 fake 模式把整条流程先跑一遍,不用先去申请什么。详细步骤在 README 与 docs/install.md。
74
+ **提示词**:左侧一个圆角终端窗口,窗内三行命令 + 一个方块光标;右侧一条钥匙图形上打叉,旁边两行短说明;整体居中偏左,留白大。
75
+
76
+ ### P09 · 支持范围与不支持的功能
77
+ **标题**:支持范围与不支持的功能
78
+ **副标题**:一期支持什么、不支持什么?
79
+ **主张**:一期只做整页图片 deck:支持逐页改、版本回退、风格复用与交接导出;HTML deck 等暂不做。
80
+ **正文**:一期只做 image deck:一页一张整页图。出图一次一页,没有「一键出整套」的按钮——因为一次一页,每页的 prompt、QA 和版本才追得清。客户源目录只读,编辑产物落在本地工作区。HTML deck、PPT 原生图层编辑、多人实时协作暂不做。
81
+ **提示词**:左右两栏对照:左栏标题「能」+ 四条勾选清单,右栏标题「不」+ 四条叉号清单;中间一条极细竖线;底部一行小字「出图一次一页」。
82
+
83
+ ### P10 · 上手步骤
84
+ **标题**:上手步骤
85
+ **副标题**:第一次使用按什么顺序做?
86
+ **主张**:上手三步:新建 deck 写清听众与时长 → 定意图与逐页脚本 → 逐页出图、不满意回退上一版。
87
+ **正文**:第 1 步:按 README 装好、打开工作台,新建一份 Deck,写清讲给谁、讲多久。第 2 步:和 Agent 把意图与逐页脚本聊定,每次改动都会先给你看 diff。第 3 步:一页一页出图,不满意就回退到上一版。想先看效果,可以直接打开仓库里的 samples/deckline-intro——也就是你现在看的这份。
88
+ **提示词**:左侧竖向三步 01 / 02 / 03,每步一行短句;右侧两张小卡片,一张写「README · docs/sample-deck.md」,一张写「MIT」;右下角两三笔方向箭头;留白大。
@@ -0,0 +1,22 @@
1
+ {
2
+ "abbr": "BIZ",
3
+ "name": "商务咨询(蓝灰)",
4
+ "description": "顶级咨询公司信息页:白底、深海军蓝与灰蓝主色、少量暖橙强调;细线表格、三栏框架图、数据图卡;字号层级克制、留白充足;专业、可信、可打印。",
5
+ "constraints": "不要深色背景、不要霓虹渐变、不要 3D、不要卡通插画、不要照片拼贴、不要阴影与投影、不要圆角大卡片、不要彩色斑块;不要超过一处暖橙强调;行动标题不要写成栏目名或口号;不要在 prompt 里出现任何机构或客户品牌名(统一写作「顶级战略咨询机构提案质感」)。",
6
+ "reference": "McKinsey / BCG 提案页风格",
7
+ "styleBrief": "商务咨询信息页(顶级战略咨询机构提案质感):纯白纸面 #FFFFFF。主色深海军蓝 #1F3864(标题与正文),次级灰蓝 #5B7DB1(说明与次级信息),分隔线浅灰蓝 #A9B8CC;暖橙 #D97A2B 只作单一强调点(关键数字 / 推荐项 / 箭头),占画面面积 ≤5%,每页只强调一处。所有笔触为 0.5–1px 细线:表格横线、三栏分隔、连接线都锐利干净,表头底线可略加粗,不堆叠竖线。16:9 信息页结构:左上角小号章节标签 + 一行行动标题(结论句,深海军蓝,克制字号)+ 主图或主表(细线表格 / 三栏框架 / 数据图卡 / 极简柱状图)+ 右下小字口径注释 + 页脚来源与页码。字号 4 级(章节标签 / 行动标题 / 分组小标题 / 正文注释),留白充足,信息密度中高,一页只讲一个论点。专业、可信、可打印;无阴影、无渐变、无圆角大卡。",
8
+ "baselineBriefs": [
9
+ {
10
+ "title": "封面 / 章节页",
11
+ "brief": "白底咨询封面页:左上角小号章节标签「FRAMEWORK」;中央两行深海军蓝大标题(12 字内),标题下一道 0.5px 细线;底部一行两段小字说明与页码;右侧大面积留白,只用一枚暖橙细线箭头或小色块作唯一强调。"
12
+ },
13
+ {
14
+ "title": "三栏框架页",
15
+ "brief": "白底三栏框架页:一行结论式行动标题;主区三栏等宽,每栏顶部灰蓝色细线框标题、下面 3 条短条目,条目间 0.5px 浅灰蓝横线,不堆叠竖线;第三栏顶部加一枚暖橙圆点强调;底部一行小字口径说明与页脚来源页码。"
16
+ },
17
+ {
18
+ "title": "数据图卡页",
19
+ "brief": "白底数据页:一行带数字的结论式行动标题;上方 3 张并排数据卡(超大号深海军蓝数字 + 一行灰蓝说明 + 极细上边线,无边框无阴影);下方极简柱状图(只有水平细基线,柱体深浅蓝灰分层,关键一根暖橙,无网格无图例框);右下小字口径注释与页脚来源页码。"
20
+ }
21
+ ]
22
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "abbr": "EDT",
3
+ "name": "杂志编辑(衬线大标题)",
4
+ "description": "杂志/画册编辑风:奶油白底、粗衬线大标题、严格栅格、大号引文、黑色正文与朱红强调、细线分隔;版面有节奏、可读性强。",
5
+ "constraints": "不要卡通、不要渐变、不要 3D、不要贴纸元素、不要密集数据表、不要高饱和荧光色、不要出现真实品牌 logo 或人物照片。",
6
+ "reference": "Monocle / Kinfolk 版式",
7
+ "styleBrief": "杂志编辑排版(Monocle / Kinfolk 纸刊质感):奶油白纸底 #FBF7EF,无渐变、无阴影。标题用粗重衬线大字(宋体 / 明朝体方向的 display serif),黑色 #1A1A1A 与朱红 #C0392B 两个颜色做视觉节奏;小标签用全大写字母 + 加宽字距 + 细字重。严格栅格:大标题常压左侧 2/3,右侧放一张低饱和建筑或纸感照片(无人、无品牌);下方细线分隔、大号引文(带超大引号、可朱红)、三栏编号 01/02/03 短段落。装饰只用几何色块(圆弧 / 半圆 / 三角)与细线,不用插画和 3D。信息密度中低,留白大,编辑节奏强。",
8
+ "baselineBriefs": [
9
+ {
10
+ "title": "封面",
11
+ "brief": "奶油白纸刊封面:左侧两行粗衬线大标题(第一行黑色、第二行朱红,12 字内),标题上方一行加宽字距全大写小标签;右侧一张低饱和建筑 / 纸面照片(无人);左下大号朱红引文与两行导语;底部细线与页码。"
12
+ },
13
+ {
14
+ "title": "双栏文章页",
15
+ "brief": "奶油白内容页:左侧超大字号的朱红引号与一段引文(3–5 字朱红强调)+ 两行导语;右侧两栏小字号黑体正文(行距松),栏间 0.5px 细线;页脚一行页码与栏目名;整页只用一个几何色块作装饰。"
16
+ },
17
+ {
18
+ "title": "三栏编号页",
19
+ "brief": "奶油白三栏页:顶部一行粗衬线标题 + 一行加宽字距小标签;下方 01/02/03 三栏,每栏顶部朱红编号与加粗小标题、一段 2–3 行正文,栏间 0.5px 细线;底部细线与页码,留白充足。"
20
+ }
21
+ ]
22
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "abbr": "FYI",
3
+ "name": "高端深色(玻璃质感)",
4
+ "description": "深色高端发布会风格:近黑炭底、半透明玻璃面板、紫青极光渐变、细发光线条、金色点缀;大标题居中或左对齐,信息面板悬浮;有电影感与高级感。",
5
+ "constraints": "不要白底、不要卡通、不要密集小字、不要廉价渐变、不要照片人物、不要彩色图标堆叠、不要出现真实公司 logo。",
6
+ "reference": "Apple 发布会 / 高端 SaaS keynote",
7
+ "styleBrief": "高端深色 keynote(发布会质感):近黑炭底 #0B0F14,半透明玻璃拟态面板(1px 内发光细边 + 轻微模糊),背景紫青极光渐变光晕(紫 #7C4DFF / 青 #22D3EE,低透明度),香槟金 #D4AF7A 只用于数字和细线。标题用优雅衬线大字(白色),小标签用全大写加宽字距的金色细字。信息块少而大:并排玻璃卡片,卡内超大金色数字 + 一行说明 + 极简发光折线;底部细金线与页码点。整体电影感、深色、留白大、无杂色、无照片人物。",
8
+ "baselineBriefs": [
9
+ {
10
+ "title": "封面",
11
+ "brief": "近黑 keynote 封面:中央两行白色衬线大标题(12 字内,第二行可香槟金),上方一枚金色细短线;背景紫青极光光晕与玻璃拟态几何面板;底部三个小圆点页码与细金线。"
12
+ },
13
+ {
14
+ "title": "双玻璃数据卡",
15
+ "brief": "近黑深色页:左上小号金色标签 + 一行白色标题;中部两个并列玻璃拟态卡片,各含全大写金色小标签、超大金色数字(如 +42%)、一行白色说明、极细发光折线;背景紫青光晕;底部细线与页码。"
16
+ },
17
+ {
18
+ "title": "特性 / 路线页",
19
+ "brief": "近黑深色页:一行白色标题;下方三个玻璃拟态特性卡横排(细线图标 + 金色小标题 + 两行说明),或一条金色细线时间轴带 4 个发光节点与白色小标签;背景极光暗光晕,留白大。"
20
+ }
21
+ ]
22
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "abbr": "GRD",
3
+ "name": "渐变极光(深色玻璃 · 编辑感)",
4
+ "description": "深色编辑风:近黑炭底 + 紫青极光丝带 + 玻璃圆角面板 + 香槟金细线;标题居左、中文大字重、留白大;克制、昂贵、有编辑感。",
5
+ "constraints": "不要 3D 球体/环、不要满屏高饱和渐变、不要英文营销 slogan/假数字、不要照片/写实人物、不要卡通插画、不要密集小字、不要商务蓝灰模板感、不要真实品牌 logo。",
6
+ "reference": "Linear / Vercel 官网视觉",
7
+ "styleBrief": "深色玻璃极光(编辑感):近黑炭底 #0B0F12,四角更深;一条紫 #7C3AED 到青 #22D3EE 的低饱和极光丝带从左下向右上缓慢流动,边缘柔化、不刺眼;玻璃质感圆角面板(半透明深色 + 1px 浅白描边 + 轻模糊 + 深投影)承载内容;香槟金 #D8B26A 极细弧线与短线做点缀(0.5–1px);标题居左、白色无衬线大字重,副标题白色 70%;信息块少而整(1–3 块),中文为主,留白大、层级清楚;整体克制、昂贵、有编辑感。",
8
+ "baselineBriefs": [
9
+ {
10
+ "title": "封面",
11
+ "brief": "深色极光封面:居左两行白色无衬线大字标题(第二行香槟金),下方一行白色 70% 副标题;右侧一张玻璃面板内三行中文要点,各配细线图标;紫青极光自左下向右上流动,一条香槟金细弧线穿过标题区;左下角一行小字署名。"
12
+ },
13
+ {
14
+ "title": "三栏内容",
15
+ "brief": "深色内容页:顶部一行白色标题 + 一行白色 70% 副标题;中部三张并排玻璃卡片,各含细线图标、中文短标题、两行中文说明,卡片间以香槟金细线连接;背景极光克制、右上角弱光晕;底部一行小字页码。"
16
+ },
17
+ {
18
+ "title": "对比 / 矩阵",
19
+ "brief": "深色对比页:顶部一行白色标题;中部两列玻璃面板对照(左「现在」右「之后」),每列 3 条中文短句、细线分隔,列间一条香槟金细线;背景极光只在边缘,信息区干净。"
20
+ }
21
+ ]
22
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "abbr": "JPN",
3
+ "name": "日系极简(纸感)",
4
+ "description": "日系纸感极简:米白/浅砂纸底、低饱和藏青与朱色点缀、细小宋体/明朝体标题、细线框、大量留白;版面安静、克制、有呼吸感。",
5
+ "constraints": "不要高饱和、不要渐变、不要 3D、不要大色块、不要卡通、不要粗黑体大字、不要阴影。",
6
+ "reference": "無印良品 / 日本杂志内页",
7
+ "styleBrief": "日系极简纸感:米白和纸底 #F7F3EA(可有极细纸纹),低饱和藏青 #2E4057 作文字与细线框,朱色 #B85C4A 只作极小点缀(短线 / 小圆点 / 一个词)。标题用细字重明朝体 / 宋体,字号不大、字距略松;正文小字号、行距大。版面大量留白:常见结构是左上两行主标题 + 右上角落款小字,下方 3 个细线框卡片(01/02/03 + 居中细线图形 + 加宽字距英文小标题 + 两行说明)。装饰只用细线、圆、半圆、斜线排线;绝不渐变 / 3D / 大色块 / 插画。安静、克制、有呼吸感。",
8
+ "baselineBriefs": [
9
+ {
10
+ "title": "封面",
11
+ "brief": "米白和纸底封面:左上两行细明朝体标题(藏青,第一行 8–10 字、第二行略小),标题下一行加宽字距全大写小标签;右上角两行朱色小字注记与一枚朱色短横线;页面下部大面积留白,右下角细线与页码。"
12
+ },
13
+ {
14
+ "title": "三卡片页",
15
+ "brief": "米白纸感页:上方一行藏青细明朝体标题 + 一行灰蓝色小标签;下方三个等宽细线框卡片,每张顶部 01/02/03 小数字、中间极简细线图形(圆 / 双圆交叠 / 阶梯柱)、下方加宽字距英文小标题与两行小字说明;卡片间留白充足,无阴影。"
16
+ },
17
+ {
18
+ "title": "单栏留白页",
19
+ "brief": "米白纸感页:左侧一列窄栏(占 1/3):细明朝体标题两行 + 一段 4–5 行小字正文 + 朱色短线;右侧大面积留白,仅一枚极细线圆或斜线排线图形;底部细线与页码。"
20
+ }
21
+ ]
22
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "abbr": "SKT",
3
+ "name": "手绘白板(工作坊)",
4
+ "description": "工作坊手绘白板风:白板白底、马克笔手绘线、便签、箭头、手写感标题、蓝绿橙三色高亮;轻松、可参与、适合研讨。",
5
+ "constraints": "不要照片、不要 3D、不要渐变、不要商业模板感、不要密集小字、不要写实人物。",
6
+ "reference": "白板工作坊 / sketchnote",
7
+ "styleBrief": "手绘白板工作坊:白板白底 #FFFFFF,马克笔线条(深蓝 #1F4E9C、绿 #2E8B57、橙 #E67E22 三色),线条略抖有手感、末端圆润;标题用手写马克笔大字(可带下划线 / 底色块),小标签用全大写手写体。信息结构用便签(黄 / 浅绿 / 浅蓝)、箭头、圆形序号、简单手绘图标(灯泡 / 靶心 / 齿轮 / 对话框 / 小人 / 阶梯)。不用照片、不用 3D、不用渐变;版面轻松、可参与、留白够,适合研讨。",
8
+ "baselineBriefs": [
9
+ {
10
+ "title": "三段流程",
11
+ "brief": "白板手绘页:顶部手写马克笔大标题(深蓝,下面一道蓝色手绘下划线);主区三段横向流程,每段圆形序号 1/2/3 + 绿色 / 橙色手绘小标题 + 一行副标题,段内 2–3 条手绘圆点条目与 2–3 张黄 / 绿便签,段间橙色手绘箭头连接;底部一条手绘「Outcome」横条与 3 个手绘图标小结果。"
12
+ },
13
+ {
14
+ "title": "四步工作坊流程",
15
+ "brief": "白板手绘页:顶部手写大标题「WORKSHOP FLOW」与两侧手绘短线;中部四个略微倾斜的手绘方框横向排列(浅蓝 / 浅绿 / 浅绿 / 浅橙底),每框一个手绘图标(地图定位 / 对话小人 / 灯泡 / 清单)与手写标签,框间绿色与橙色手绘箭头;底部一条橙色手绘弧形箭头贯穿。"
16
+ },
17
+ {
18
+ "title": "2×2 象限",
19
+ "brief": "白板手绘页:顶部手写大标题与右侧手绘椭圆注记;主区 2×2 象限,用深蓝手绘细线分四格,每格圆形序号 1–4 + 手写小标题 + 一个手绘图标 + 2–3 张彩色便签;底部两个手绘椭圆「CONSENSUS → TO VALIDATE」用橙绿箭头连接。"
20
+ }
21
+ ]
22
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "abbr": "SWS",
3
+ "name": "瑞士极简(黑白红)",
4
+ "description": "瑞士国际主义风格:纯白底、超大黑体标题、严格网格、极少颜色(黑 + 一个正红)、大留白;强对比、现代、克制。",
5
+ "constraints": "不要渐变、不要阴影、不要装饰图形、不要多色、不要卡通、不要照片、不要圆角。",
6
+ "reference": "瑞士国际主义 / Helvetica 海报",
7
+ "styleBrief": "瑞士国际主义海报:纯白底 #FFFFFF,无渐变、无阴影。主标题用超大无衬线黑体(Helvetica 方向,字号占版面 1/3 以上,常被边缘裁切),黑色 #111111;唯一彩色是正红 #E2231A,只出现在一个几何形状(大圆 / 三角 / 一条短线)或一个关键词上。严格网格:大标题左上,右侧大几何色块;下部 01/02/03 三栏,黑色 1px 细竖线分隔,栏内加粗小标签 + 2 行小字正文。字距紧、行距紧、留白极大;只允许黑 / 白 / 红三色与几何形状,禁止插画、照片、渐变、阴影、装饰图形。",
8
+ "baselineBriefs": [
9
+ {
10
+ "title": "封面",
11
+ "brief": "白底瑞士海报封面:左上三行超大黑色无衬线标题(可被左边缘裁切);标题下一行加宽字距全大写小标签与一条红色短横线;右上一个大红色圆与一个黑色直角三角形;底部细线与页码。"
12
+ },
13
+ {
14
+ "title": "三栏信息页",
15
+ "brief": "白底瑞士网格页:顶部一行大号黑色无衬线标题(12 字内);下方 01/02/03 三栏,栏间黑色 1px 竖线,每栏顶部大号黑色编号 + 加粗小标题 + 2–3 行小字正文;某处一枚正红小色块作唯一强调;底部页码细线。"
16
+ },
17
+ {
18
+ "title": "数字 / 图表页",
19
+ "brief": "白底瑞士数据页:左上超大黑色数字或短标题;右侧极简图表(黑 / 灰柱或折线,唯一一根正红,无网格无图例);下方 3 条细线注释与页码;整页只有黑白红三色与细线。"
20
+ }
21
+ ]
22
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "abbr": "TEC",
3
+ "name": "科技蓝图(等距)",
4
+ "description": "科技蓝图风:深海军蓝网格底、青白技术线条、等距系统/架构图、等宽字体标签、发光节点;像工程蓝图和架构白皮书。",
5
+ "constraints": "不要照片、不要卡通、不要渐变光效泛滥、不要彩色斑块、不要写实人物、不要真实品牌 logo。",
6
+ "reference": "架构白皮书 / 工程蓝图",
7
+ "styleBrief": "科技蓝图 / 等距架构图:深海军蓝底 #0A1628,叠加极淡青色网格(#1E3A5F);主体是等距(isometric)线框模块:节点、服务器、数据库、云、客户端,用青白色 #7DD3FC 细线与发光边,节点间正交折线连接 + 小箭头;标签用等宽字体(monospace)全大写小字,外加带边框的图例 / 清单面板(不发光)。点缀极少量暖色 #F59E0B 强调关键节点。整体像工程蓝图 / 架构白皮书,信息密度高但网格秩序强;无照片、无卡通、无廉价霓虹。",
8
+ "baselineBriefs": [
9
+ {
10
+ "title": "架构总览",
11
+ "brief": "深蓝蓝图底 + 青色细网格:顶部左侧大号等宽字体标题「SCALABLE PLATFORM」与左侧竖排三条小标签;中央等距架构图:顶部云节点 → 负载均衡 → 三个服务节点 → 数据库 / 缓存 / 存储,青白细线发光连接;左右下角三个带边框清单面板(KEY COMPONENTS / SCALING / LEGEND),等宽小字;少量橙色光点强调关键连接。"
12
+ },
13
+ {
14
+ "title": "等距流程图",
15
+ "brief": "深蓝蓝图页:顶部等宽字体标题一行 + 小标签;中部等距步骤流程 4 个模块(输入 / 处理 / 服务 / 输出)沿对角线排列,青白发光细线与正交折线箭头连接,每个模块下方等宽小字标签;右侧一个带边框说明面板;底部页码与网格。"
16
+ },
17
+ {
18
+ "title": "分层架构页",
19
+ "brief": "深蓝蓝图页:左侧等宽标题 + 五行分层清单(客户端 / 接入 / 服务 / 数据 / 观测),每行带细线图标;右侧等距分层堆叠图(3–4 层平台,青白细线,层间发光箭头),标注各层关键组件;少量橙色强调数据层;底部图例面板。"
20
+ }
21
+ ]
22
+ }
package/ui/logo.svg ADDED
@@ -0,0 +1,20 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none">
2
+ <defs>
3
+ <linearGradient id="bg" x1="4" y1="2" x2="60" y2="62" gradientUnits="userSpaceOnUse">
4
+ <stop stop-color="#0e5563"/><stop offset="1" stop-color="#08343d"/>
5
+ </linearGradient>
6
+ <linearGradient id="gold" x1="40" y1="8" x2="58" y2="26" gradientUnits="userSpaceOnUse">
7
+ <stop stop-color="#e8b45c"/><stop offset="1" stop-color="#c5882f"/>
8
+ </linearGradient>
9
+ <linearGradient id="card" x1="18" y1="16" x2="50" y2="44" gradientUnits="userSpaceOnUse">
10
+ <stop stop-color="#fffdf8"/><stop offset="1" stop-color="#efe8d9"/>
11
+ </linearGradient>
12
+ </defs>
13
+ <rect width="64" height="64" rx="16" fill="url(#bg)"/>
14
+ <rect x="13" y="34" width="34" height="21" rx="3.5" fill="#faf8f2" opacity=".28" transform="rotate(-10 30 44.5)"/>
15
+ <rect x="15" y="26" width="34" height="21" rx="3.5" fill="#faf8f2" opacity=".55" transform="rotate(-5 32 36.5)"/>
16
+ <rect x="17" y="17" width="34" height="22" rx="3.5" fill="url(#card)"/>
17
+ <rect x="22" y="23" width="19" height="2.6" rx="1.3" fill="#0f6975"/>
18
+ <rect x="22" y="29" width="12" height="2.2" rx="1.1" fill="#1496a8" opacity=".75"/>
19
+ <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)"/>
20
+ </svg>