npm - @mevdragon/vidfarm-devcli - Versions diffs - 0.14.0 → 0.16.0 - Mend

@mevdragon/vidfarm-devcli 0.14.0 → 0.16.0

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 (427) hide show

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

@@ -0,0 +1,172 @@
+<!--
+  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/.agents/skills/talking-head-recut/references/styles/audit.html ADDED Viewed

@@ -0,0 +1,170 @@
+<!--
+  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/.agents/skills/talking-head-recut/references/styles/editorial.html ADDED Viewed

@@ -0,0 +1,189 @@
+<!--
+  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>