create-yss-spec 1.0.0

package/template/.hermes/skills/web-video-presentation/themes/pastel-dream/theme.json

@@ -0,0 +1,28 @@
+{
+  "id": "pastel-dream",
+  "name": "Pastel Dream",
+  "nameZh": "柔光梦",
+  "description": "Soft pastel canvas with cream card and a single sage-green accent. Plus Jakarta Sans throughout, generous rounded cards. Signature: faint multi-tone pill ribbon along one edge — friendly without being saccharine.",
+  "descriptionZh": "柔粉蓝灰底 + 奶油卡 + 单一鼠尾草绿强调色 + Plus Jakarta Sans。签名：单边多色 pill 色条。友好但不腻，适合女性向 / 教学 / onboarding。",
+  "mood": [
+    "light",
+    "pastel",
+    "friendly",
+    "soft",
+    "approachable",
+    "warm"
+  ],
+  "bestFor": [
+    "产品 onboarding / 教程",
+    "友好教学 / 知识科普",
+    "女性向 / 生活方式",
+    "心理 / 健康 / 母婴",
+    "情绪向品牌片"
+  ],
+  "preview": {
+    "shell": "#c8d9e6",
+    "surface": "#faf9f7",
+    "text": "#1f2429",
+    "accent": "#5a7c6a"
+  }
+}

package/template/.hermes/skills/web-video-presentation/themes/pastel-dream/tokens.css

@@ -0,0 +1,67 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · pastel-dream
+ *   Friendly modern pastel. Soft blue-gray shell, cream card surface,
+ *   single sage-green as the only saturated accent. Plus Jakarta Sans
+ *   everywhere — rounded geometric sans. SIGNATURE: large rounded
+ *   cards (20px+) + faint multi-tone pill ribbon decoration (sage /
+ *   lavender / blush / cream) tucked along the right edge.
+ *
+ *   character knobs:
+ *     • hero numbers   — Plus Jakarta Sans, weight 800
+ *     • rule           — 1px solid soft gray
+ *     • card           — large 20px radius (friendly, rounded)
+ *     • surface        — pastel pill ribbon at right edge (very faint)
+ *     • motion         — soft springy (gentle overshoot)
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #c8d9e6;
+  --surface:      #faf9f7;
+  --surface-2:    #ffffff;
+  --surface-3:    #f0ecde;
+  --text:         #1f2429;
+  --text-2:       #3a4046;
+  --text-mute:    #707880;
+  --text-faint:   #a8b0b8;
+  --rule:         #d8d4cb;
+  --accent:       #5a7c6a;             /* sage green */
+  --accent-soft:  rgba(90, 124, 106, 0.10);
+  --accent-glow:  rgba(90, 124, 106, 0.30);
+
+  /* ─── fonts ─── */
+  --font-display-cn: "Noto Sans SC", "Source Han Sans SC", -apple-system, sans-serif;
+  --font-display-en: "Plus Jakarta Sans", "Inter", -apple-system, sans-serif;
+  --font-body:       "Plus Jakarta Sans", "Inter", "Noto Sans SC", -apple-system, sans-serif;
+  --font-mono:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-features:   "ss01", "ss02", "cv02", "tnum";
+
+  /* ─── motion: soft springy ─── */
+  --dur-base:       520ms;
+  --dur-slow:       820ms;
+  --dur-cinematic:  1200ms;
+
+  /* ─── design identity: friendly rounded ─── */
+  --r-card:        var(--r-lg);     /* SIGNATURE — 20px+ friendly rounding */
+  --r-stage:       0;
+  --rule-w:        1px;
+  --rule-style:    solid;
+  --hero-num-font:    var(--font-display-en);
+  --hero-num-style:   normal;
+  --hero-num-weight:  800;
+  --hero-num-track:   -0.035em;
+  --stage-pad-x:   100px;
+  --stage-pad-y:   80px;
+  --card-shadow:
+    0 1px 0 var(--rule),
+    0 24px 56px rgba(40, 60, 80, 0.10);
+  --shadow-stage:
+    0 60px 160px rgba(50, 70, 90, 0.25),
+    0 0 0 1px rgba(0, 0, 0, 0.03);
+
+  /* ─── decoration: SIGNATURE — pastel pill ribbon at right edge ─── */
+  --surface-pattern:
+    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' preserveAspectRatio='xMaxYMid slice'><g><rect x='1820' y='180' width='44' height='160' rx='22' fill='%23f0b4d4' opacity='0.55'/><rect x='1820' y='360' width='44' height='220' rx='22' fill='%23a8d4c4' opacity='0.55'/><rect x='1820' y='600' width='44' height='140' rx='22' fill='%23c7b8ea' opacity='0.55'/><rect x='1820' y='760' width='44' height='180' rx='22' fill='%23ffe6a7' opacity='0.55'/></g></svg>");
+  --surface-pattern-size: 100% 100%;
+  --surface-pattern-blend: normal;
+  --surface-pattern-opacity: 0.9;
+}

package/template/.hermes/skills/web-video-presentation/themes/split-canvas/theme.json

@@ -0,0 +1,28 @@
+{
+  "id": "split-canvas",
+  "name": "Split Canvas",
+  "nameZh": "双拼画布",
+  "description": "Two-tone canvas: warm peach + cool lavender as paired surfaces. Outfit sans display, magenta accent. Signature: dual-tone surface (left peach / right lavender) — built for contrast and dialog chapters.",
+  "descriptionZh": "双色画布：暖蜜桃 + 冷薰衣草作为成对底色 + Outfit 几何无衬线 + 玫红强调。签名：双调底色（左桃 / 右紫），适合做对照与对话型章节。",
+  "mood": [
+    "light",
+    "playful",
+    "dual-tone",
+    "friendly",
+    "creative",
+    "warm-cool"
+  ],
+  "bestFor": [
+    "双主题对比 / 辩论",
+    "故事讲述 / 对话",
+    "创意分享",
+    "轻量品牌片",
+    "概念对照型科普"
+  ],
+  "preview": {
+    "shell": "#dcc7b8",
+    "surface": "#f5e6dc",
+    "text": "#1a1410",
+    "accent": "#d24a78"
+  }
+}

package/template/.hermes/skills/web-video-presentation/themes/split-canvas/tokens.css

@@ -0,0 +1,70 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · split-canvas
+ *   Dual-tone canvas. Warm peach left + cool lavender right (50/50 hard
+ *   vertical split realized via --surface-pattern). Outfit sans for all
+ *   display + body, magenta accent. Chapters can place content on either
+ *   side of the divide, or straddle it for compare / debate / dialog
+ *   layouts.
+ *
+ *   --surface stays peach (the "primary" half); --surface-2 = lavender
+ *   is exposed for cards / panels that need to live on the cool side.
+ *
+ *   character knobs:
+ *     • hero numbers   — Outfit, weight 800
+ *     • rule           — 1px solid warm
+ *     • card           — refined-md radius (12px)
+ *     • surface        — SIGNATURE — 50/50 peach/lavender hard split
+ *     • motion         — playful, medium-fast
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #dcc7b8;
+  --surface:      #f5e6dc;             /* peach (left half default) */
+  --surface-2:    #e4dff0;             /* lavender (right half / cool card) */
+  --surface-3:    #f0d8c7;
+  --text:         #1a1410;
+  --text-2:       #322820;
+  --text-mute:    #6b5a4d;
+  --text-faint:   #9a8a7c;
+  --rule:         #b8a89a;
+  --accent:       #d24a78;             /* magenta */
+  --accent-soft:  rgba(210, 74, 120, 0.10);
+  --accent-glow:  rgba(210, 74, 120, 0.35);
+
+  /* ─── fonts ─── */
+  --font-display-cn: "Noto Sans SC", "Source Han Sans SC", -apple-system, sans-serif;
+  --font-display-en: "Outfit", "Plus Jakarta Sans", "Inter", -apple-system, sans-serif;
+  --font-body:       "Outfit", "Inter", "Noto Sans SC", -apple-system, sans-serif;
+  --font-mono:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-features:   "ss01", "ss02", "tnum";
+
+  /* ─── motion: playful medium ─── */
+  --dur-base:       480ms;
+  --dur-slow:       780ms;
+  --dur-cinematic:  1150ms;
+
+  /* ─── design identity: dual-tone ─── */
+  --r-card:        var(--r-md);
+  --r-stage:       0;
+  --rule-w:        1px;
+  --rule-style:    solid;
+  --hero-num-font:    var(--font-display-en);
+  --hero-num-style:   normal;
+  --hero-num-weight:  800;
+  --hero-num-track:   -0.04em;
+  --stage-pad-x:   100px;
+  --stage-pad-y:   80px;
+  --card-shadow:
+    0 1px 0 var(--rule),
+    0 20px 48px rgba(80, 50, 40, 0.12);
+  --shadow-stage:
+    0 60px 160px rgba(80, 50, 60, 0.30),
+    0 0 0 1px rgba(0, 0, 0, 0.04);
+
+  /* ─── decoration: SIGNATURE — 50/50 hard peach/lavender split ─── */
+  --surface-pattern:
+    linear-gradient(90deg, transparent 0%, transparent 49.95%, #e4dff0 50.05%, #e4dff0 100%);
+  --surface-pattern-size: 100% 100%;
+  --surface-pattern-blend: normal;
+  --surface-pattern-opacity: 1;
+}

package/template/.hermes/skills/web-video-presentation/themes/sunset-zine/theme.json

@@ -0,0 +1,28 @@
+{
+  "id": "sunset-zine",
+  "name": "Sunset Zine",
+  "nameZh": "日落 Zine",
+  "description": "Warm peach paper backdrop with a magenta accent and chunky Fraunces serif. Indie magazine / risograph zine vibe — playful, expressive, character-forward.",
+  "descriptionZh": "暖蜗色纸底 + 玫红强调色 + 厚体 Fraunces serif. 独立杂志 / 丝网印 zine 风, 俏皮有人情味.",
+  "mood": [
+    "light",
+    "magazine",
+    "zine",
+    "playful",
+    "warm",
+    "expressive"
+  ],
+  "bestFor": [
+    "生活向 vlog",
+    "创意分享",
+    "趣味评测",
+    "小红书 / 抖音风",
+    "文化 / 表达型"
+  ],
+  "preview": {
+    "shell": "#f7d8b5",
+    "surface": "#fbe8d3",
+    "text": "#2a1c12",
+    "accent": "#e6386b"
+  }
+}

package/template/.hermes/skills/web-video-presentation/themes/sunset-zine/tokens.css

@@ -0,0 +1,65 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · sunset-zine
+ *   Indie risograph zine. Warm peach paper, riso-magenta accent,
+ *   Fraunces serif (with playful curves), DASHED rules (cut-and-paste
+ *   feel), springy motion. Hero numbers are oversized italic Fraunces.
+ *
+ *   character knobs:
+ *     • hero numbers   — italic Fraunces, very tight tracking
+ *     • rule           — 1.5px DASHED (zine cut line)
+ *     • card           — 12px radius (slight softening)
+ *     • surface        — coarser peach paper grain (riso noise)
+ *     • motion         — springy with overshoot (playful)
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #f4d4b6;
+  --surface:      #fcecd4;
+  --surface-2:    #ffe6c8;
+  --surface-3:    #f0d4a8;
+  --text:         #2a1810;
+  --text-2:       #4a2c20;
+  --text-mute:    #7a5040;
+  --text-faint:   #a07866;
+  --rule:         #c89878;
+  --accent:       #e91e63;             /* riso magenta */
+  --accent-soft:  rgba(233, 30, 99, 0.10);
+  --accent-glow:  rgba(233, 30, 99, 0.40);
+
+  /* ─── fonts ─── */
+  --font-display-cn: "Noto Serif SC", "Source Han Serif SC", serif;
+  --font-display-en: "Fraunces", "Recoleta", "GT Sectra", "Playfair Display", serif;
+  --font-body:       "Fraunces", "Source Serif Pro", "Noto Serif SC", serif;
+  --font-mono:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-features:   "ss01", "ss02", "tnum", "dlig";
+
+  /* ─── motion: springy zine ─── */
+  --dur-base:       550ms;
+  --dur-slow:       850ms;
+  --dur-cinematic:  1300ms;
+
+  /* ─── design identity: zine ─── */
+  --r-card:        var(--r-md);       /* slight softening */
+  --r-stage:       0;
+  --rule-w:        2px;
+  --rule-style:    dashed;             /* SIGNATURE — cut-and-paste */
+  --hero-num-font:    var(--font-display-en);
+  --hero-num-style:   italic;
+  --hero-num-weight:  600;
+  --hero-num-track:   -0.04em;
+  --stage-pad-x:   110px;
+  --stage-pad-y:   80px;
+  --card-shadow:
+    0 1px 0 var(--rule),
+    8px 8px 0 var(--accent-soft);     /* offset peach shadow */
+  --shadow-stage:
+    0 60px 160px rgba(120, 70, 40, 0.30),
+    0 0 0 1px rgba(0, 0, 0, 0.04);
+
+  /* ─── decoration: coarse riso paper grain ─── */
+  --surface-pattern:
+    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' seed='12'/><feColorMatrix values='0 0 0 0 0.65 0 0 0 0 0.50 0 0 0 0 0.40 0 0 0 0.20 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
+  --surface-pattern-size: 200px 200px;
+  --surface-pattern-blend: multiply;
+  --surface-pattern-opacity: 0.55;
+}

package/template/.hermes/skills/web-video-presentation/themes/swiss-ikb/theme.json

@@ -0,0 +1,28 @@
+{
+  "id": "swiss-ikb",
+  "name": "Swiss IKB",
+  "nameZh": "瑞士克莱因蓝",
+  "description": "Swiss International Style. Ultra-thin 200-weight Inter / Helvetica, crisp warm-white canvas, IKB (International Klein Blue) as the single high-saturation accent. Signature: 1px hairline grid + 200-weight hero numbers. Massimo Vignelli + Helvetica Forever energy.",
+  "descriptionZh": "瑞士国际主义风。**极细 200 weight** Inter / Helvetica + 净暖白底 + 克莱因蓝（IKB）单一锚点色。签名：1px 发丝网格 + 200 重字 hero 数字。Massimo Vignelli / Helvetica Forever 那种克制冷静。",
+  "mood": [
+    "light",
+    "swiss",
+    "modernist",
+    "international-style",
+    "grid",
+    "extra-light"
+  ],
+  "bestFor": [
+    "AI / 科技产品发布",
+    "年度总结 / 数据汇报",
+    "设计 / 工程领域分享",
+    "严肃学术 / 国际化品牌",
+    "信息驱动设计 / 信息图"
+  ],
+  "preview": {
+    "shell": "#e8e8e6",
+    "surface": "#fafaf8",
+    "text": "#0a0a0a",
+    "accent": "#002fa7"
+  }
+}

package/template/.hermes/skills/web-video-presentation/themes/swiss-ikb/tokens.css

@@ -0,0 +1,77 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · swiss-ikb
+ *   Swiss International Style. The signature is two-fold:
+ *     1) ALL display + hero text uses extra-light (200 weight) Inter /
+ *        Helvetica. Tight tracking, big sizes — "越大越细" (bigger gets
+ *        thinner). This is the opposite of bauhaus-bold's 900 weight.
+ *     2) A 1px hairline grid (#e0e0e0) is baked into the stage as the
+ *        designer's invisible-but-visible scaffolding.
+ *   The single saturated accent is IKB (International Klein Blue) —
+ *   crisp, deep, encyclopedic. Used for kicker / kpi / link emphasis.
+ *
+ *   Swap accent for the other 3 guizang Swiss flavors by changing
+ *   --accent only:
+ *     • lemon yellow  #FFD500 — set --accent-on to #0a0a0a (yellow can't
+ *       carry white text)
+ *     • lemon green   #C5E803 — same, --accent-on = #0a0a0a
+ *     • safety orange #FF6B35 — keep --accent-on white but use weight ≥ 600
+ *
+ *   character knobs:
+ *     • hero numbers   — Inter, weight 200 (SIGNATURE — extra-light)
+ *     • rule           — 1px solid hairline grey
+ *     • card           — flat 0 radius (Swiss = direct rectangles)
+ *     • surface        — 1px hairline grid (very faint)
+ *     • motion         — punchy + linear (Swiss isn't springy)
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #e8e8e6;
+  --surface:      #fafaf8;
+  --surface-2:    #f0f0ee;
+  --surface-3:    #d4d4d2;
+  --text:         #0a0a0a;
+  --text-2:       #2a2a2a;
+  --text-mute:    #737373;
+  --text-faint:   #a8a8a8;
+  --rule:         #e0e0e0;
+  --accent:       #002fa7;             /* IKB — International Klein Blue */
+  --accent-soft:  rgba(0, 47, 167, 0.08);
+  --accent-glow:  rgba(0, 47, 167, 0.35);
+
+  /* ─── fonts (sans everywhere — Swiss is anti-serif) ─── */
+  --font-display-cn: "Noto Sans SC", "Source Han Sans SC", -apple-system, sans-serif;
+  --font-display-en: "Inter", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  --font-body:       "Inter", "Helvetica Neue", "Noto Sans SC", -apple-system, sans-serif;
+  --font-mono:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-features:   "tnum", "ss01", "ss02", "cv02";
+
+  /* ─── motion: punchy + linear (Swiss isn't springy) ─── */
+  --dur-quick:     180ms;
+  --dur-base:      400ms;
+  --dur-slow:      650ms;
+  --dur-cinematic: 1000ms;
+
+  /* ─── design identity: international style ─── */
+  --r-card:        var(--r-flat);     /* SIGNATURE — direct rectangles */
+  --r-stage:       0;
+  --rule-w:        1px;
+  --rule-style:    solid;
+  --hero-num-font:    var(--font-display-en);
+  --hero-num-style:   normal;
+  --hero-num-weight:  200;             /* SIGNATURE — extra-light */
+  --hero-num-track:   -0.04em;
+  --stage-pad-x:   96px;
+  --stage-pad-y:   72px;
+  --card-shadow:   inset 0 0 0 1px var(--rule);
+  --shadow-stage:
+    0 60px 160px rgba(0, 0, 0, 0.18),
+    0 0 0 1px rgba(0, 0, 0, 0.06);
+
+  /* ─── decoration: SIGNATURE — 1px hairline grid (the Swiss scaffold) ─── */
+  --surface-pattern:
+    linear-gradient(rgba(10, 10, 10, 0.045) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(10, 10, 10, 0.045) 1px, transparent 1px);
+  --surface-pattern-size: 64px 64px;
+  --surface-pattern-blend: normal;
+  --surface-pattern-opacity: 0.85;
+}

package/template/.hermes/skills/web-video-presentation/themes/terminal-green/theme.json

@@ -0,0 +1,28 @@
+{
+  "id": "terminal-green",
+  "name": "Terminal Green",
+  "nameZh": "终端绿",
+  "description": "True-black backdrop with phosphor-green accent and JetBrains Mono everywhere. Matrix / hacker / 80s terminal vibe — best for technical demos and CLI walkthroughs.",
+  "descriptionZh": "纯黑底 + 磷光绿强调色, 全程等宽字体. Matrix 黑客 / 80 年代终端感, 最适合技术演示与 CLI 教程.",
+  "mood": [
+    "dark",
+    "terminal",
+    "hacker",
+    "monospace",
+    "phosphor",
+    "technical"
+  ],
+  "bestFor": [
+    "CLI 工具教程",
+    "黑客 / 安全话题",
+    "技术演示",
+    "命令行实操",
+    "复古技术致敬"
+  ],
+  "preview": {
+    "shell": "#050a05",
+    "surface": "#0a0f0a",
+    "text": "#d3f0d3",
+    "accent": "#00ff88"
+  }
+}

package/template/.hermes/skills/web-video-presentation/themes/terminal-green/tokens.css

@@ -0,0 +1,73 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · terminal-green
+ *   80s phosphor terminal. True-black backdrop, single phosphor green.
+ *   JetBrains Mono is the ONLY font. Sharp 0-2px corners. CRT scanline
+ *   overlay. Snappy motion (240ms / 480ms / 800ms) — terminal speed.
+ *
+ *   character knobs:
+ *     • hero numbers   — mono, 0 letter-spacing, glow drop-shadow
+ *     • rule           — 1px solid phosphor green
+ *     • card           — 0 radius (terminal cells)
+ *     • surface        — horizontal scanlines (2px) + soft phosphor glow
+ *     • motion         — snappy + linear (terminal not springy)
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #000000;
+  --surface:      #050a07;
+  --surface-2:    #0a1410;
+  --surface-3:    #0f1c17;
+  --text:         #41ff97;
+  --text-2:       #2ed084;
+  --text-mute:    #1a8a55;
+  --text-faint:   #0f5c39;
+  --rule:         rgba(65, 255, 151, 0.30);
+  --accent:       #41ff97;
+  --accent-soft:  rgba(65, 255, 151, 0.10);
+  --accent-glow:  rgba(65, 255, 151, 0.7);
+
+  /* ─── fonts (mono everywhere) ─── */
+  --font-display-cn: "JetBrains Mono", "Noto Sans Mono CJK SC", monospace;
+  --font-display-en: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-body:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-mono:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-features:   "ss05", "zero", "tnum";
+
+  /* ─── motion: snappy terminal ─── */
+  --ease-quart:    cubic-bezier(0.4, 0, 0.2, 1);
+  --ease-expo:     cubic-bezier(0.25, 0.1, 0.25, 1);
+  --dur-quick:     180ms;
+  --dur-base:      400ms;
+  --dur-slow:      650ms;
+  --dur-cinematic: 1000ms;
+
+  /* ─── design identity: terminal cells ─── */
+  --r-card:        var(--r-flat);    /* SIGNATURE — sharp corners */
+  --r-stage:       0;
+  --rule-w:        1px;
+  --rule-style:    solid;
+  --hero-num-font:    var(--font-mono);
+  --hero-num-style:   normal;
+  --hero-num-weight:  500;
+  --hero-num-track:   0;
+  --stage-pad-x:   80px;
+  --stage-pad-y:   60px;
+  --text-shadow:   0 0 8px rgba(65, 255, 151, 0.4);
+  --card-shadow:   inset 0 0 0 1px var(--rule), 0 0 30px rgba(65, 255, 151, 0.05);
+  --shadow-stage:
+    0 60px 160px rgba(65, 255, 151, 0.10),
+    0 0 0 1px rgba(65, 255, 151, 0.15);
+
+  /* ─── decoration: CRT scanlines ─── */
+  --surface-pattern:
+    repeating-linear-gradient(
+      0deg,
+      transparent 0px,
+      transparent 2px,
+      rgba(65, 255, 151, 0.04) 2px,
+      rgba(65, 255, 151, 0.04) 3px
+    );
+  --surface-pattern-size: 100% 100%;
+  --surface-vignette:
+    radial-gradient(ellipse at center, transparent 30%, rgba(0, 30, 15, 0.6) 100%);
+}

package/template/.hermes/skills/web-video-presentation/themes/vintage-editorial/theme.json

@@ -0,0 +1,28 @@
+{
+  "id": "vintage-editorial",
+  "name": "Vintage Editorial",
+  "nameZh": "复古编辑",
+  "description": "Witty editorial cream canvas with chunky italic Fraunces and a warm terracotta accent. Signature: hairline geometric overlay (circle + line + dot). Personality-forward, conversational — like a magazine columnist who knows you'll laugh.",
+  "descriptionZh": "奶油底 + 厚体 Fraunces 斜体 + 暖陶强调色，有性格、会说话。签名：细线几何叠层（圆 + 线 + 点）。介于杂志专栏与艺术评论之间，俏皮、自信、有声音。",
+  "mood": [
+    "light",
+    "vintage",
+    "editorial",
+    "opinionated",
+    "witty",
+    "personality"
+  ],
+  "bestFor": [
+    "个人见解 / 评论",
+    "文化随笔 / 美学话题",
+    "有声音的博主",
+    "设计 / 字体话题",
+    "文艺类长文改编"
+  ],
+  "preview": {
+    "shell": "#e8e0cf",
+    "surface": "#f5f3ee",
+    "text": "#1a1a1a",
+    "accent": "#c25e3a"
+  }
+}

package/template/.hermes/skills/web-video-presentation/themes/vintage-editorial/tokens.css

@@ -0,0 +1,66 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · vintage-editorial
+ *   Witty light editorial. Warm cream canvas, chunky italic Fraunces
+ *   display, Work Sans body, warm-terra accent. Signature decoration:
+ *   hairline geometric overlay (very faint dot + ring rhythm) so the
+ *   stage reads "designed magazine" rather than blank cream.
+ *
+ *   character knobs:
+ *     • hero numbers   — italic Fraunces, weight 700 (chunky editorial)
+ *     • rule           — 1px solid warm hairline
+ *     • card           — refined small radius
+ *     • surface        — faint geometric dot + ring overlay
+ *     • motion         — medium pace with subtle overshoot (witty)
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #e8e0cf;
+  --surface:      #f5f3ee;
+  --surface-2:    #fbf9f3;
+  --surface-3:    #ebe4d2;
+  --text:         #1a1a1a;
+  --text-2:       #2e2a25;
+  --text-mute:    #6b6357;
+  --text-faint:   #9a9385;
+  --rule:         #c8bfa8;
+  --accent:       #c25e3a;             /* warm terracotta */
+  --accent-soft:  rgba(194, 94, 58, 0.10);
+  --accent-glow:  rgba(194, 94, 58, 0.32);
+
+  /* ─── fonts ─── */
+  --font-display-cn: "Noto Serif SC", "Source Han Serif SC", serif;
+  --font-display-en: "Fraunces", "Recoleta", "GT Sectra", "Playfair Display", serif;
+  --font-body:       "Work Sans", "Inter", "Noto Sans SC", -apple-system, sans-serif;
+  --font-mono:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-features:   "ss01", "ss02", "tnum", "dlig";
+
+  /* ─── motion: medium with subtle witty overshoot ─── */
+  --dur-base:       600ms;
+  --dur-slow:       950ms;
+  --dur-cinematic:  1400ms;
+
+  /* ─── design identity: witty editorial ─── */
+  --r-card:        var(--r-sm);
+  --r-stage:       0;
+  --rule-w:        1px;
+  --rule-style:    solid;
+  --hero-num-font:    var(--font-display-en);
+  --hero-num-style:   italic;
+  --hero-num-weight:  700;
+  --hero-num-track:   -0.04em;
+  --stage-pad-x:   120px;
+  --stage-pad-y:   88px;
+  --card-shadow:
+    0 1px 0 var(--rule),
+    0 18px 48px rgba(60, 40, 20, 0.10);
+  --shadow-stage:
+    0 60px 160px rgba(60, 40, 20, 0.28),
+    0 0 0 1px rgba(0, 0, 0, 0.05);
+
+  /* ─── decoration: SIGNATURE — faint geometric dot + ring overlay ─── */
+  --surface-pattern:
+    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><g fill='none' stroke='%23a89878' stroke-width='1' opacity='0.16'><circle cx='80' cy='90' r='52'/><circle cx='340' cy='250' r='78'/><circle cx='180' cy='320' r='2.5' fill='%23a89878' stroke='none'/><circle cx='280' cy='110' r='2.5' fill='%23a89878' stroke='none'/><line x1='40' y1='200' x2='110' y2='200'/><line x1='300' y1='370' x2='370' y2='370'/></g></svg>");
+  --surface-pattern-size: 400px 400px;
+  --surface-pattern-blend: multiply;
+  --surface-pattern-opacity: 0.85;
+}

package/template/.hermes/skills/web-video-presentation/themes/warm-keynote/theme.json

@@ -0,0 +1,27 @@
+{
+  "id": "warm-keynote",
+  "name": "Warm Keynote",
+  "nameZh": "暖色 Keynote",
+  "description": "Cream paper backdrop with a single teal accent and a soft warm grid drawn on the stage. SaaS keynote / editorial vibe.",
+  "descriptionZh": "奶油纸底 + 单一青色强调色 + 舞台上的暖色网格. SaaS Keynote 与编辑器气质.",
+  "mood": [
+    "light",
+    "keynote",
+    "editorial",
+    "warm",
+    "spring",
+    "saas"
+  ],
+  "bestFor": [
+    "SaaS 产品 keynote",
+    "B 端产品发布",
+    "工具产品讲解",
+    "团队对外汇报"
+  ],
+  "preview": {
+    "shell": "#FDFBF7",
+    "surface": "#FFFFFF",
+    "text": "#43302B",
+    "accent": "#14B8A6"
+  }
+}