skill-forge-hub 1.3.9 → 1.3.10

package/CHANGELOG.en.md

@@ -4,6 +4,14 @@
 
 Version history of the SkillForge npm package `skill-forge-hub` (command name `skill-forge`).
 
+## 1.3.10 (2026-11-13)
+
+**one-pager theme panel stays open on color pick, closes via a new × button (@12)**
+
+- Picking a color from the 25-swatch panel no longer auto-folds it — keep trying themes side by side; a floating circular × button sits on the panel's top-right corner to close it, and the bottom 主题 bar reopens it anytime
+- Template dock keeps its original behavior (auto-close on pick, no ×): theme picking is exploratory, template picking is decisive
+- Template stamp one-pager@11 → @12 (panel interaction change)
+
 ## 1.3.9 (2026-11-13)
 
 **Theme-switch fade across twelve templates: 0.45s color transition instead of a hard flip**

package/CHANGELOG.md

@@ -4,6 +4,14 @@
 
 SkillForge（技能锻造坊）npm 包 `skill-forge-hub`（命令名 `skill-forge`）版本变更记录。
 
+## 1.3.10（2026-11-13）
+
+**one-pager 主题面板点色不关闭，改由 × 按钮收起（@12）**
+
+- 25 色面板点选主题后不再自动折叠，可连续试色对比效果；面板右上角新增 × 圆钮（悬浮于色板角上，随主题换色），点 × 收起，底部「主题」标签随时可重新展开
+- 模板坞保持原交互（选中即收起，无 ×）：主题是反复试色的场合，模板是选中即定的场合
+- 版本戳 one-pager@11 → @12（面板交互变化）
+
 ## 1.3.9（2026-11-13）
 
 **十二模板主题切换渐变：换肤不再生硬闪切，全页颜色 0.45s 平滑过渡**

package/one-pager/SKILL.md

@@ -62,7 +62,7 @@ disable-model-invocation: false
 
 ## 产物升级（回炉）
 
-生成 HTML 时头部写版本戳 `<meta name="sf-template" content="one-pager@11">`（模板升级时递增 @N 并同步 reference.html 与本文档）。用户说「升级旧海报/回炉」时：顺扫海报库根目录（DIR 值）下两种形态——新子目录形态 `<slug>/poster.html` 与旧平铺形态 `poster-*.html`，读版本戳筛旧版（无版本戳或缺少 `<meta name="poster-id">` 稳定 ID 的产物视为 v0 最旧版，一并进清单）→ 列清单（文件/旧版本）→ AskUserQuestion 选全部或部分 → 逐份升级：浅升级（仅 CSS/JS 变化）对旧页替换 `<style>` 块与交互脚本、正文原样保留；深升级（DOM 结构变化）从同目录 md 底稿按当前 reference.html 重建，先备份旧版 `.bak-时间戳`，重建必须沿用原页 poster-id meta 值（换 ID = 模板/主题记忆失联）→ 报告三段式：✅ 已升级清单 / ⚠️ 手改保留说明 / 🟡 失败项原因。模板改动分级：业务改动、数据格式改动、页面改动任一发生即模板升级，版本戳 +1 并同步 reference.html 与本文档；纯措辞润色不 bump。每次生成 HTML 时顺扫落盘目录读版本戳：发现旧版产物主动告知用户「说『把我旧海报都升级成新样式』即可一键升级」。
+生成 HTML 时头部写版本戳 `<meta name="sf-template" content="one-pager@12">`（模板升级时递增 @N 并同步 reference.html 与本文档）。用户说「升级旧海报/回炉」时：顺扫海报库根目录（DIR 值）下两种形态——新子目录形态 `<slug>/poster.html` 与旧平铺形态 `poster-*.html`，读版本戳筛旧版（无版本戳或缺少 `<meta name="poster-id">` 稳定 ID 的产物视为 v0 最旧版，一并进清单）→ 列清单（文件/旧版本）→ AskUserQuestion 选全部或部分 → 逐份升级：浅升级（仅 CSS/JS 变化）对旧页替换 `<style>` 块与交互脚本、正文原样保留；深升级（DOM 结构变化）从同目录 md 底稿按当前 reference.html 重建，先备份旧版 `.bak-时间戳`，重建必须沿用原页 poster-id meta 值（换 ID = 模板/主题记忆失联）→ 报告三段式：✅ 已升级清单 / ⚠️ 手改保留说明 / 🟡 失败项原因。模板改动分级：业务改动、数据格式改动、页面改动任一发生即模板升级，版本戳 +1 并同步 reference.html 与本文档；纯措辞润色不 bump。每次生成 HTML 时顺扫落盘目录读版本戳：发现旧版产物主动告知用户「说『把我旧海报都升级成新样式』即可一键升级」。
 
 ## 规则速览
 

package/one-pager/resources/reference.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="sf-template" content="one-pager@11">
+<meta name="sf-template" content="one-pager@12">
 <meta name="poster-id" content="REF-POSTER-0000">
 <title>AI 改变工作 · 一页纸海报</title>
 <style>
@@ -644,7 +644,9 @@ body{background:linear-gradient(180deg,var(--bg) 12%,var(--bg2) 135%);color:var(
 .dock-theme.fold .bar-arrow{transform:rotate(-90deg)}
 .dock-theme .bar-arrow{transform:rotate(180deg)}
 .dock-body{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;background:var(--panel-solid);border:1px solid var(--border);border-radius:14px;padding:8px 10px;max-width:min(720px,calc(100vw - 36px));box-shadow:0 4px 18px rgba(0,0,0,.3)}
-.dock-theme .dock-body{display:grid;grid-template-columns:repeat(5,18px);gap:11px 10px;border-radius:14px;padding:12px 13px;max-width:none}
+.dock-theme .dock-body{display:grid;grid-template-columns:repeat(5,18px);gap:11px 10px;border-radius:14px;padding:12px 13px;max-width:none;position:relative}
+.th-close{position:absolute;top:-10px;right:-10px;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:var(--panel-solid);color:var(--muted);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.28);padding:0}
+.th-close:hover{color:var(--text);border-color:var(--accent)}
 .tp-sep{flex-basis:100%;font-size:10px;letter-spacing:2px;color:var(--muted);margin:5px 4px 1px;text-align:right}
 .tp-sep::before{content:'— ';color:var(--accent)}
 .bar-cur{width:17px;height:17px;pointer-events:none}
@@ -777,6 +779,7 @@ html.theming, html.theming *, html.theming *::before, html.theming *::after{ tra
   <span class="th-dot" data-t="cyber" title="赛博霓虹"></span>
   <span class="th-dot" data-t="cream" title="奶油纸"></span>
   <span class="th-dot" data-t="academic" title="学术蓝"></span>
+  <button class="th-close" id="thClose" type="button" title="关闭（点底部「主题」标签可重新打开）" aria-label="关闭主题面板">×</button>
   </div>
   <button class="dock-bar" id="thBar" type="button" title="主题切换（点击展开/收起）"><span class="th-dot bar-cur" data-t="tech"></span><span class="bar-tpl-name" id="thName">主题</span><span class="bar-arrow">▾</span></button>
 </div>
@@ -1217,7 +1220,6 @@ html.theming, html.theming *, html.theming *::before, html.theming *::after{ tra
       try { localStorage.setItem(THEME_KEY, t); } catch(e) {}
       TH_DOTS.forEach(function(x){ x.classList.toggle('on', x === d); });
       updateThBar();
-      document.getElementById('themeDock').classList.add('fold');
     });
     d.addEventListener('mouseenter', function(){
       var name = TH_LABELS[d.getAttribute('data-t')];
@@ -1278,6 +1280,8 @@ html.theming, html.theming *, html.theming *::before, html.theming *::after{ tra
   }
   bindBar('tplDock');
   bindBar('themeDock');
+  var thClose = document.getElementById('thClose');
+  if (thClose) thClose.addEventListener('click', function(){ document.getElementById('themeDock').classList.add('fold'); });
   var initTplBtn = document.querySelector('#tplDock .tp-btn[data-tpl="' + curP + '"]');
   var btEl = document.querySelector('#tplBar .bar-tpl-name');
   if (btEl) btEl.textContent = '模板 · ' + (initTplBtn ? initTplBtn.textContent : '自定义');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skill-forge-hub",
-  "version": "1.3.9",
+  "version": "1.3.10",
   "description": "SkillForge (技能锻造坊) — a curated collection of AI craft skills. Install once, then pick skills interactively: daily/weekly/monthly/quarterly/annual reports, meeting minutes, article-to-HTML, magic-deck slides, deck-stage PPTX, prompt-pouch manager, Pandoc doc converters, meta-forge.",
   "bin": {
     "skill-forge": "cli.js"