dsh-hyperframes 0.9.0 → 0.9.2

package/skills/talking-head-recut/references/styles/academic.html

@@ -1,172 +0,0 @@
-<!--
-  Style: academic — warm paper · serif · blue highlight · coral annotation
-  ─────────────────────────────────────────────────────────────────────
-  Tokens
-    bg     #f1ead8   (warm paper)
-    ink    #1a1d2b
-    muted  #5b5749
-    accent #2557a7   (blue, used for kicker chip + text highlight)
-    accent2#c14d2c   (coral, used for dashed quote box)
-  Fonts
-    headline & body — serif. Falls back to "ui-serif, 'Songti SC', serif"
-    mono — "ui-monospace, monospace"
-  Best with
-    layouts: split, stack, pip
-    frames:  clean, hairline
-    content: 访谈反思 / 学术总结 / 长视频拆解
--->
-<!doctype html>
-<html lang="zh-CN">
-  <head>
-    <meta charset="utf-8" />
-    <title>style · academic</title>
-    <style>
-      /* preview wrapper — NOT part of the card fragment */
-      html,
-      body {
-        margin: 0;
-        padding: 0;
-        background: #0a0c12;
-        font-family: ui-sans-serif, system-ui, sans-serif;
-      }
-      .stage {
-        position: relative;
-        width: 1920px;
-        height: 1080px;
-        transform-origin: top left;
-        transform: scale(0.5);
-        overflow: hidden;
-      }
-      .card-host {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 1920px;
-        height: 1080px;
-      }
-    </style>
-  </head>
-  <body>
-    <div class="stage">
-      <div class="card-host">
-        <div class="card" data-card-id="ref-academic">
-          <style>
-            .card[data-card-id="ref-academic"] .root {
-              --bg: #f1ead8;
-              --ink: #1a1d2b;
-              --muted: #5b5749;
-              --accent: #2557a7;
-              --accent2: #c14d2c;
-              --font-head: ui-serif, "Songti SC", "Times New Roman", serif;
-              --font-body: ui-serif, "Songti SC", "Times New Roman", serif;
-              --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
-
-              width: 100%;
-              height: 100%;
-              position: relative;
-              overflow: hidden;
-              background-color: var(--bg);
-              background-image:
-                linear-gradient(rgba(91, 87, 73, 0.2) 1px, transparent 1px),
-                linear-gradient(90deg, rgba(91, 87, 73, 0.2) 1px, transparent 1px),
-                radial-gradient(120% 80% at 50% 0%, #fff8e9 0%, transparent 60%);
-              background-size:
-                28px 28px,
-                28px 28px,
-                100% 100%;
-              padding: 32px 40px;
-              box-sizing: border-box;
-              display: flex;
-              flex-direction: column;
-              justify-content: center;
-              gap: 16px;
-              color: var(--ink);
-              font-family: var(--font-body);
-            }
-            .card[data-card-id="ref-academic"] .meta {
-              display: flex;
-              align-items: baseline;
-              gap: 14px;
-            }
-            .card[data-card-id="ref-academic"] .kicker {
-              padding: 7px 14px;
-              background: var(--accent);
-              color: #fff;
-              font: 700 16px/1 var(--font-mono);
-              letter-spacing: 0.16em;
-            }
-            .card[data-card-id="ref-academic"] .time {
-              font: 15px/1 var(--font-mono);
-              color: var(--muted);
-              letter-spacing: 0.1em;
-            }
-            .card[data-card-id="ref-academic"] .title {
-              margin: 0;
-              font: 700 92px/1.05 var(--font-head);
-              color: var(--ink);
-              letter-spacing: 0.01em;
-              display: inline;
-              background: linear-gradient(
-                transparent 62%,
-                rgba(37, 87, 167, 0.2) 62%,
-                rgba(37, 87, 167, 0.2) 92%,
-                transparent 92%
-              );
-              -webkit-box-decoration-break: clone;
-              box-decoration-break: clone;
-              padding: 0 8px;
-            }
-            .card[data-card-id="ref-academic"] .detail {
-              margin: 0;
-              font: 30px/1.5 var(--font-body);
-              color: var(--muted);
-              max-width: 94%;
-            }
-            .card[data-card-id="ref-academic"] .hl {
-              background: linear-gradient(transparent 60%, rgba(37, 87, 167, 0.25) 60%);
-              padding: 0 4px;
-            }
-            .card[data-card-id="ref-academic"] .quote {
-              align-self: flex-start;
-              padding: 10px 18px;
-              border: 1.5px dashed var(--accent2);
-              color: var(--accent2);
-              font: italic 600 24px/1 var(--font-head);
-              transform: rotate(-1deg);
-            }
-          </style>
-
-          <div class="root">
-            <div class="meta">
-              <span class="kicker" data-anim="fade-in" data-anim-at="0.05" data-anim-duration="0.4"
-                >TAKEAWAY</span
-              >
-              <span class="time">00:18 → 00:46</span>
-            </div>
-
-            <h2
-              class="title"
-              data-anim="kinetic-chars"
-              data-anim-at="0.25"
-              data-anim-duration="0.55"
-              data-anim-stagger="0.04"
-              data-anim-pattern="pop"
-            >
-              <span class="char">少</span><span class="char">即</span><span class="char">是</span>
-              <span class="char">多</span>
-            </h2>
-
-            <p class="detail" data-anim="fade-in" data-anim-at="0.7" data-anim-duration="0.45">
-              复杂的解释往往是<span class="hl">未经压缩的思考</span
-              >。当你能用最少的词说清最重要的点时， 你也就真正想明白了这件事。
-            </p>
-
-            <div class="quote" data-anim="scale-pop" data-anim-at="1.05" data-anim-duration="0.5">
-              "Compression is comprehension."
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>
-</html>

package/skills/talking-head-recut/references/styles/audit.html

@@ -1,170 +0,0 @@
-<!--
-  Style: audit — manila paper · justified serif · APPROVED stamp · brick + navy
-  ─────────────────────────────────────────────────────────────────────
-  Tokens
-    bg     #ebd9b4   (manila)
-    ink    #1d1a14
-    muted  #6b5e44
-    accent #8b1d1d   (brick red — stamp + heading underline)
-    accent2#1c3a6b   (navy — footnote markers)
-  Fonts
-    headline — serif; ui-serif, "Songti SC", "Times New Roman", serif
-    body     — serif justified
-  Best with
-    layouts: split, stack
-    frames:  hairline, clean
-    content: 财报分析 / 调查报告 / 数据稽核 / 严肃陈述
--->
-<!doctype html>
-<html lang="zh-CN">
-  <head>
-    <meta charset="utf-8" />
-    <title>style · audit</title>
-    <style>
-      html,
-      body {
-        margin: 0;
-        padding: 0;
-        background: #0a0c12;
-        font-family: ui-sans-serif, system-ui, sans-serif;
-      }
-      .stage {
-        position: relative;
-        width: 1920px;
-        height: 1080px;
-        transform-origin: top left;
-        transform: scale(0.5);
-        overflow: hidden;
-      }
-      .card-host {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 1920px;
-        height: 1080px;
-      }
-    </style>
-  </head>
-  <body>
-    <div class="stage">
-      <div class="card-host">
-        <div class="card" data-card-id="ref-audit">
-          <style>
-            .card[data-card-id="ref-audit"] .root {
-              --bg: #ebd9b4;
-              --ink: #1d1a14;
-              --muted: #6b5e44;
-              --accent: #8b1d1d;
-              --accent2: #1c3a6b;
-              --font-head: ui-serif, "Songti SC", "Times New Roman", serif;
-              --font-body: ui-serif, "Songti SC", "Times New Roman", serif;
-              --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
-
-              width: 100%;
-              height: 100%;
-              position: relative;
-              overflow: hidden;
-              background-color: var(--bg);
-              background-image:
-                repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0 1px, transparent 1px 28px),
-                radial-gradient(120% 80% at 20% 0%, rgba(255, 250, 235, 0.45) 0%, transparent 60%);
-              padding: 48px 64px 56px;
-              box-sizing: border-box;
-              display: flex;
-              flex-direction: column;
-              gap: 18px;
-              color: var(--ink);
-              font-family: var(--font-body);
-            }
-            .card[data-card-id="ref-audit"] .head {
-              display: flex;
-              justify-content: space-between;
-              align-items: baseline;
-              border-bottom: 2px solid var(--ink);
-              padding-bottom: 10px;
-            }
-            .card[data-card-id="ref-audit"] .kicker {
-              font: 700 14px/1 var(--font-mono);
-              letter-spacing: 0.3em;
-              text-transform: uppercase;
-              color: var(--ink);
-            }
-            .card[data-card-id="ref-audit"] .ref {
-              font: 13px/1 var(--font-mono);
-              color: var(--muted);
-              letter-spacing: 0.14em;
-            }
-            .card[data-card-id="ref-audit"] .title {
-              margin: 0;
-              font: 700 76px/1.1 var(--font-head);
-              color: var(--ink);
-              letter-spacing: 0.005em;
-            }
-            .card[data-card-id="ref-audit"] .title .accent {
-              color: var(--accent);
-            }
-            .card[data-card-id="ref-audit"] .body {
-              margin: 0;
-              font: 26px/1.55 var(--font-body);
-              color: var(--ink);
-              text-align: justify;
-              column-count: 2;
-              column-gap: 32px;
-              max-width: 100%;
-            }
-            .card[data-card-id="ref-audit"] .body .sup {
-              color: var(--accent2);
-              font-weight: 700;
-            }
-            .card[data-card-id="ref-audit"] .foot {
-              border-top: 1px solid var(--muted);
-              padding-top: 10px;
-              font: italic 14px/1.4 var(--font-body);
-              color: var(--muted);
-            }
-            .card[data-card-id="ref-audit"] .stamp {
-              position: absolute;
-              right: 56px;
-              top: 120px;
-              padding: 12px 22px;
-              border: 4px solid var(--accent);
-              color: var(--accent);
-              font: 800 36px/1 var(--font-head);
-              letter-spacing: 0.14em;
-              transform: rotate(-12deg);
-              opacity: 0.9;
-              box-shadow: 0 0 0 1px var(--accent) inset;
-            }
-          </style>
-
-          <div class="root">
-            <div class="head">
-              <span class="kicker" data-anim="fade-in" data-anim-at="0.05" data-anim-duration="0.35"
-                >EXHIBIT · TAKEAWAY</span
-              >
-              <span class="ref">REF / VT-2026-014</span>
-            </div>
-
-            <span class="stamp" data-anim="scale-pop" data-anim-at="0.7" data-anim-duration="0.4"
-              >APPROVED</span
-            >
-
-            <h2 class="title" data-anim="fade-in" data-anim-at="0.25" data-anim-duration="0.5">
-              第三季度<span class="accent">现金流</span>由负转正
-            </h2>
-
-            <p class="body" data-anim="fade-in" data-anim-at="0.55" data-anim-duration="0.5">
-              经营性现金流首次为正<span class="sup">①</span>，主要由订阅业务驱动。 自由现金流由 -2.1
-              亿改善至 +0.8 亿，按当前轨迹推算<span class="sup">②</span>，全年有望实现正向 1.5–2.0
-              亿。 与此同时，应收账款周转天数从 64 天压缩至 51 天，回款效率创近两年新高。
-            </p>
-
-            <div class="foot" data-anim="fade-in" data-anim-at="0.95" data-anim-duration="0.4">
-              ① 含一次性税务返还 0.3 亿；② 假设 Q4 续约率不低于 91%。
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>
-</html>

package/skills/talking-head-recut/references/styles/editorial.html

@@ -1,189 +0,0 @@
-<!--
-  Style: editorial — cream · coral block · big italic quote · Playfair-like serif
-  ─────────────────────────────────────────────────────────────────────
-  Tokens
-    bg      #f1e8d5   (cream)
-    ink     #0e1018
-    muted   #6b6353
-    accent  #ff3a2d   (coral red — used as block accents + italic quote color)
-    accent2 #1f6bff   (blue — used for ring/circle outline)
-    accent3 #f2cf3a   (yellow dot)
-  Fonts
-    headline — Playfair Display fallback: ui-serif, "Songti SC", serif
-    body     — ui-serif, serif
-  Best with
-    layouts: overlay, pip, stack
-    frames:  clean, polaroid
-    content: 产品发布 / 编辑专栏 / 大字宣言
--->
-<!doctype html>
-<html lang="zh-CN">
-  <head>
-    <meta charset="utf-8" />
-    <title>style · editorial</title>
-    <style>
-      html,
-      body {
-        margin: 0;
-        padding: 0;
-        background: #0a0c12;
-        font-family: ui-sans-serif, system-ui, sans-serif;
-      }
-      .stage {
-        position: relative;
-        width: 1920px;
-        height: 1080px;
-        transform-origin: top left;
-        transform: scale(0.5);
-        overflow: hidden;
-      }
-      .card-host {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 1920px;
-        height: 1080px;
-      }
-    </style>
-  </head>
-  <body>
-    <div class="stage">
-      <div class="card-host">
-        <div class="card" data-card-id="ref-editorial">
-          <style>
-            .card[data-card-id="ref-editorial"] .root {
-              --bg: #f1e8d5;
-              --ink: #0e1018;
-              --muted: #6b6353;
-              --accent: #ff3a2d;
-              --accent2: #1f6bff;
-              --accent3: #f2cf3a;
-              /* IMPORTANT — this skill only ships Caveat / LXGW WenKai TC / Inter / Virgil.
-         Playfair Display is NOT bundled; if you list it first the font resolver
-         can't load it and you'll get inconsistent rendering across machines.
-         The editorial look uses italic-bold serif at large size — ui-serif on
-         macOS resolves to Times/New York which is close enough; for a real
-         Playfair you'd need to add the woff2 to public/fonts/. */
-              --font-head: ui-serif, "Songti SC", "Times New Roman", serif;
-              --font-body: ui-serif, "Songti SC", serif;
-              --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
-
-              width: 100%;
-              height: 100%;
-              position: relative;
-              overflow: hidden;
-              background: var(--bg);
-              padding: 56px 64px;
-              box-sizing: border-box;
-              display: flex;
-              flex-direction: column;
-              justify-content: center;
-              gap: 24px;
-              color: var(--ink);
-              font-family: var(--font-body);
-            }
-            .card[data-card-id="ref-editorial"] .kicker {
-              align-self: flex-start;
-              padding: 8px 16px;
-              background: var(--ink);
-              color: var(--bg);
-              font: 700 16px/1 var(--font-mono);
-              letter-spacing: 0.22em;
-            }
-            .card[data-card-id="ref-editorial"] .title {
-              margin: 0;
-              font: italic 800 132px/0.95 var(--font-head);
-              color: var(--ink);
-              letter-spacing: -0.01em;
-              max-width: 92%;
-            }
-            .card[data-card-id="ref-editorial"] .first {
-              font-style: italic;
-              color: var(--accent);
-            }
-            .card[data-card-id="ref-editorial"] .quote-mark {
-              font: 800 220px/0.5 var(--font-head);
-              color: var(--accent);
-              position: absolute;
-              top: 24px;
-              right: 64px;
-              opacity: 0.9;
-            }
-            .card[data-card-id="ref-editorial"] .detail {
-              margin: 0;
-              font: 28px/1.5 var(--font-body);
-              color: var(--muted);
-              max-width: 78%;
-            }
-            .card[data-card-id="ref-editorial"] .hl {
-              background: linear-gradient(transparent 62%, rgba(255, 58, 45, 0.22) 62%);
-              color: var(--ink);
-              padding: 0 4px;
-            }
-            .card[data-card-id="ref-editorial"] .accents {
-              position: absolute;
-            }
-            .card[data-card-id="ref-editorial"] .block-coral {
-              top: 64px;
-              right: 88px;
-              width: 96px;
-              height: 96px;
-              background: var(--accent);
-              transform: rotate(12deg);
-            }
-            .card[data-card-id="ref-editorial"] .dot-yellow {
-              top: 200px;
-              right: 60px;
-              width: 36px;
-              height: 36px;
-              background: var(--accent3);
-              border-radius: 50%;
-            }
-            .card[data-card-id="ref-editorial"] .ring-blue {
-              bottom: 80px;
-              right: 80px;
-              width: 80px;
-              height: 80px;
-              border: 4px solid var(--accent2);
-              border-radius: 50%;
-            }
-          </style>
-
-          <div class="root">
-            <span
-              class="accents block-coral"
-              data-anim="scale-pop"
-              data-anim-at="0.15"
-              data-anim-duration="0.5"
-            ></span>
-            <span
-              class="accents dot-yellow"
-              data-anim="fade-in"
-              data-anim-at="0.35"
-              data-anim-duration="0.4"
-            ></span>
-            <span
-              class="accents ring-blue"
-              data-anim="fade-in"
-              data-anim-at="0.55"
-              data-anim-duration="0.4"
-            ></span>
-
-            <span class="kicker" data-anim="fade-in" data-anim-at="0.05" data-anim-duration="0.4"
-              >TAKEAWAY</span
-            >
-
-            <h1 class="title" data-anim="fade-in" data-anim-at="0.3" data-anim-duration="0.6">
-              <span class="first">真</span>正的创造，从拒绝套路开始。
-            </h1>
-
-            <p class="detail" data-anim="fade-in" data-anim-at="0.8" data-anim-duration="0.45">
-              停止模仿、停止套模板，把每一个想法都当作<span class="hl">第一次表达</span>。
-              只有这样，作品才会带上你的体温。
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>
-</html>