voxflow 1.16.0 → 1.17.0

package/lib/core/ffmpeg.js

@@ -2,25 +2,60 @@
  * VoxFlow CLI — FFmpeg utility layer
  *
  * Provides ffmpeg/ffprobe operations via child_process.execFile.
- * Zero external dependencies — requires ffmpeg to be installed on PATH.
- * Also provides a one-time dependency hint for users without FFmpeg.
+ * Prefers system FFmpeg on PATH; falls back to `ffmpeg-static` (npm)
+ * when available, so users can `npm install` without system dependency.
  */
 
 const { execFile } = require('child_process');
 const path = require('path');
 const fs = require('fs');
 
+// ── FFmpeg binary resolution ────────────────────────────────────────────────
+
+let _resolvedFfmpegPath = null;
+
+/**
+ * Resolve the ffmpeg binary path. Priority:
+ *   1. System `ffmpeg` on PATH
+ *   2. `ffmpeg-static` npm package (optional dependency)
+ */
+function resolveFfmpegBin() {
+  if (_resolvedFfmpegPath) return _resolvedFfmpegPath;
+
+  // Try system ffmpeg first (faster, no extra dep)
+  try {
+    require('child_process').execFileSync('ffmpeg', ['-version'], { stdio: 'ignore' });
+    _resolvedFfmpegPath = 'ffmpeg';
+    return _resolvedFfmpegPath;
+  } catch { /* not on PATH */ }
+
+  // Fall back to ffmpeg-static
+  try {
+    const staticPath = require('ffmpeg-static');
+    if (staticPath && fs.existsSync(staticPath)) {
+      _resolvedFfmpegPath = staticPath;
+      return _resolvedFfmpegPath;
+    }
+  } catch { /* not installed */ }
+
+  // Nothing found — return 'ffmpeg' and let it fail with a helpful error
+  _resolvedFfmpegPath = 'ffmpeg';
+  return _resolvedFfmpegPath;
+}
+
 /**
  * Run a command via execFile and return { stdout, stderr }.
  * Rejects on non-zero exit code or spawn error.
+ * Automatically resolves 'ffmpeg' to the best available binary.
  * @param {string} cmd
  * @param {string[]} args
  * @param {object} [opts]
  * @returns {Promise<{stdout: string, stderr: string}>}
  */
 function runCommand(cmd, args, opts) {
+  const resolvedCmd = cmd === 'ffmpeg' ? resolveFfmpegBin() : cmd;
   return new Promise((resolve, reject) => {
-    execFile(cmd, args, { timeout: 600_000, ...opts }, (error, stdout, stderr) => {
+    execFile(resolvedCmd, args, { timeout: 600_000, ...opts }, (error, stdout, stderr) => {
       if (error) {
         error.stderr = stderr;
         error.stdout = stdout;
@@ -34,13 +69,16 @@ function runCommand(cmd, args, opts) {
 
 /**
  * Check if ffmpeg and ffprobe are available.
- * @returns {Promise<{available: boolean, version?: string, ffprobeAvailable?: boolean}>}
+ * Uses the auto-resolved binary path (system or ffmpeg-static).
+ * @returns {Promise<{available: boolean, version?: string, ffprobeAvailable?: boolean, source?: string}>}
  */
 async function checkFfmpeg() {
+  const bin = resolveFfmpegBin();
   try {
     const { stdout } = await runCommand('ffmpeg', ['-version']);
     const versionMatch = stdout.match(/ffmpeg version (\S+)/);
     const version = versionMatch ? versionMatch[1] : 'unknown';
+    const source = bin === 'ffmpeg' ? 'system' : 'ffmpeg-static';
 
     // Also check ffprobe
     let ffprobeOk = false;
@@ -55,6 +93,7 @@ async function checkFfmpeg() {
       available: true,
       version,
       ffprobeAvailable: ffprobeOk,
+      source,
     };
   } catch {
     return { available: false };
@@ -363,19 +402,43 @@ async function replaceAudio(videoInput, audioInput, output) {
  * @param {string[]} inputs - Array of input video file paths
  * @param {string} output - Output concatenated video path
  */
-async function concatVideos(inputs, output) {
+async function concatVideos(inputs, output, opts = {}) {
+  const { remux = false } = opts;
   const tmpDir = path.dirname(output);
   const listFile = path.join(tmpDir, `concat-list-${Date.now()}.txt`);
   const content = inputs.map(f => `file '${path.resolve(f)}'`).join('\n');
   fs.writeFileSync(listFile, content, 'utf8');
 
   try {
-    await runCommand('ffmpeg', [
-      '-f', 'concat', '-safe', '0',
-      '-i', listFile,
-      '-c', 'copy',
-      '-y', path.resolve(output),
-    ]);
+    if (remux) {
+      // Two-pass: concat then remux to strip AAC priming edit list
+      // (fixes macOS QuickTime showing black on first frame)
+      const rawOutput = path.resolve(output) + '.tmp.mp4';
+      await runCommand('ffmpeg', [
+        '-f', 'concat', '-safe', '0',
+        '-i', listFile,
+        '-c', 'copy',
+        '-movflags', '+faststart',
+        '-y', rawOutput,
+      ]);
+      await runCommand('ffmpeg', [
+        '-ss', '0',
+        '-i', rawOutput,
+        '-c', 'copy',
+        '-movflags', '+faststart',
+        '-y', path.resolve(output),
+      ]);
+      try { fs.unlinkSync(rawOutput); } catch {}
+    } else {
+      // Single-pass concat (default, used by picstory/present/summarize)
+      await runCommand('ffmpeg', [
+        '-f', 'concat', '-safe', '0',
+        '-i', listFile,
+        '-c', 'copy',
+        '-movflags', '+faststart',
+        '-y', path.resolve(output),
+      ]);
+    }
   } finally {
     try { fs.unlinkSync(listFile); } catch {}
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "voxflow",
-  "version": "1.16.0",
+  "version": "1.17.0",
   "description": "AI audio content creation CLI — stories, podcasts, narration, dubbing, transcription, translation, and video translation with TTS",
   "bin": {
     "voxflow": "./dist/index.js"
@@ -51,7 +51,7 @@
     "lint:fix": "eslint lib/ bin/ tests/ --fix",
     "test": "node --test tests/*.test.js",
     "test:watch": "node --test --watch tests/*.test.js",
-    "version": "node scripts/sync-plugin-versions.js && git add .claude-plugin/plugin.json .cursor-plugin/plugin.json .codex-plugin/plugin.json"
+    "version": "node scripts/sync-plugin-versions.js && git add .claude-plugin/plugin.json .cursor-plugin/plugin.json .codex-plugin/plugin.json skills/.claude-plugin/plugin.json"
   },
   "author": "gonghaoran",
   "homepage": "https://voxflow.studio",
@@ -68,5 +68,8 @@
     "@remotion/bundler": "4.0.448",
     "@vercel/ncc": "^0.38.4",
     "eslint": "^9.39.4"
+  },
+  "optionalDependencies": {
+    "ffmpeg-static": "^5.3.0"
   }
 }

package/skills/.claude-plugin/marketplace.json

@@ -9,7 +9,7 @@
   "plugins": [
     {
       "name": "voxflow",
-      "description": "AI voice CLI bundled as 6 skills. TTS in 200+ voices across 40+ languages, multi-speaker AI podcasts, audio/video transcription with word-level timestamps, SRT-driven dubbing, end-to-end video translation, long-article → vertical card video reels via Remotion, and turning text into polished shareable card images. Backed by a hosted TTS/ASR/LLM/render service with per-user quota (free tier 10K/mo).",
+      "description": "AI voice CLI bundled as 6 skills. TTS in 200+ voices across 40+ languages, multi-speaker AI podcasts, audio/video transcription with word-level timestamps, SRT-driven dubbing, end-to-end video translation, long-article → vertical card video reels via Remotion, and turning text into polished shareable card images or narrated card videos. Backed by a hosted TTS/ASR/LLM/render service with per-user quota (free tier 10K/mo).",
       "category": "productivity",
       "source": "./",
       "homepage": "https://voxflow.studio",

package/skills/.claude-plugin/plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "voxflow",
-  "version": "1.16.0",
-  "description": "AI voice CLI bundled as 6 skills (hub, podcast, transcribe, video, slice, card). Synthesize speech in 200+ voices across 40+ languages, generate multi-speaker AI podcasts, transcribe audio/video with word-level timestamps, dub videos from SRT subtitles, run end-to-end video translation, turn long articles into vertical card video reels via Remotion, and turn text into polished shareable card images. Backed by a hosted TTS/ASR/LLM/render service with per-user quota (free tier 10K/mo).",
+  "version": "1.17.0",
+  "description": "AI voice CLI bundled as 6 skills (hub, podcast, transcribe, video, slice, card). Synthesize speech in 200+ voices across 40+ languages, generate multi-speaker AI podcasts, transcribe audio/video with word-level timestamps, dub videos from SRT subtitles, run end-to-end video translation, turn long articles into vertical card video reels via Remotion, and turn text into polished shareable card images or narrated card videos. Backed by a hosted TTS/ASR/LLM/render service with per-user quota (free tier 10K/mo).",
   "author": {
     "name": "VoxFlow",
     "url": "https://voxflow.studio"

package/skills/README.md

@@ -7,7 +7,7 @@
 
 ![VoxFlow CLI demo](https://github.com/VoxFlowStudio/skills/raw/main/demo.gif)
 
-Voice in your AI workflow. Six skills that let any AI coding agent (Claude Code · Cursor · Codex · Gemini CLI · Cline) speak in 200+ voices, generate podcasts, dub videos, transcribe audio, and turn text into card images — through one CLI.
+Voice in your AI workflow. Six skills that let any AI coding agent (Claude Code · Cursor · Codex · Gemini CLI · Cline) speak in 200+ voices, generate podcasts, dub videos, transcribe audio, and turn text into card images or narrated card videos — through one CLI.
 
 **Why VoxFlow over a raw TTS API?** One CLI handles auth, voice search, multi-speaker dialogue, video pipelines, and quota. The skills layer makes it native to whichever agent you're already using — no new context-switch.
 
@@ -51,7 +51,7 @@ Six focused skills, each loaded on demand:
 | **transcribe** | `voxflow:transcribe` | `asr` · `asr-jobs` · `translate` · `dub` · `video-translate` · `summarize` · `publish` |
 | **video** | `voxflow:video` | `picstory` · `present` · `slides` · `explain` · `image` |
 | **slice** | `voxflow:slice` | Article → vertical card video (1080×1920); 13 editorial / poster / magazine themes |
-| **card** | `voxflow:card` | Text → shareable card images (HTML/CSS + Playwright); 1:1 / 3:4 / 9:16, editorial design system |
+| **card** | `voxflow:card` | Text → shareable card images (HTML/CSS + Playwright); 1:1 / 3:4 / 9:16, editorial design system. Optional narrated MP4 video via `voxflow card render` (TTS + FFmpeg, in-project output) |
 
 Use the hub skill as the starting point — it routes to the others automatically.
 

package/skills/card/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: card
-description: Use when the user wants to turn text content into a set of polished, shareable visual CARD IMAGES — knowledge cards, quote cards, 小红书图文, carousel cards, poster cards — rendered as HTML/CSS and exported via Playwright at ratios like 1:1 / 3:4 / 9:16. Triggers: card / 卡片 / 知识卡 / 文字卡片 / 金句卡 / 图文卡片 / 卡片生成 / make cards. For article → vertical card VIDEO use voxflow:slice; for short videos / AI clips use voxflow:video; for podcasts use voxflow:podcast.
+description: "Use when the user wants to turn text content into a set of polished, shareable visual CARD IMAGES or narrated card VIDEOS — knowledge cards, quote cards, 小红书图文, carousel cards, poster cards — rendered as HTML/CSS and exported via Playwright at ratios like 1:1 / 3:4 / 9:16; optionally produces narrated MP4 video from those cards via `voxflow card render` (Ken Burns + TTS). Triggers: card / 卡片 / 知识卡 / 文字卡片 / 金句卡 / 图文卡片 / 卡片生成 / make cards / card video / 卡片视频. For article → Slice-themed card VIDEO use voxflow:slice; for short videos / AI clips use voxflow:video; for podcasts use voxflow:podcast."
 ---
 
 # VoxFlow Skill — Card
@@ -66,7 +66,8 @@ Collect or infer:
 - `content`: source text, outline, notes, URL, topic, or brief.
 - `ratio`: default to `1:1` unless the user requests `3:4`, `9:16`, or another ratio.
 - `count`: default to an automatic count based on content density; accept explicit quantities.
-- `style`: accept explicit style directions, brand constraints, audience, mood, language, and platform.
+- `style`: accept explicit style directions, brand constraints, audience, mood, and platform.
+- `content-language`: zh / en / mixed. Infer from the source; ask only when ambiguous and it would change font selection. Drives the language override in `references/fonts.md`.
 - `output`: choose a clear local folder such as `cards/<slug>/` unless the user specifies one.
 
 If important facts may be current or disputed, search or verify before planning. Keep source attribution available for the user when research affects the content. See the Research & Fact Confirmation section for when this becomes a full deep-research pass instead of a quick check.
@@ -178,6 +179,19 @@ When asking the user to choose a style, do not present only one recommendation p
 - a one-line visual description;
 - the internal theme preset and design-language mapping.
 
+Use a two-layer selection logic so outputs stay appropriate without collapsing into the same few looks:
+
+1. Default recommendation layer:
+   - Offer 3-5 high-fit styles based on content type, platform, audience, and sharing goal.
+   - Keep the recommended set close enough to the user's task that any option can succeed without heavy rework.
+   - Prefer options that differ in visible outcome, not just token names. For example: conservative report, data poster, social notebook, magazine explainer, bold opinion.
+
+2. Variant perturbation layer:
+   - When the user has not strongly specified an exact style, rotate within the compatible family instead of always selecting the top default.
+   - Vary at least two of these dimensions across similar tasks: theme preset, primary design language, modifiers, layout recipes, visual anchors, surface metaphor, or title composition.
+   - Keep perturbations semantically compatible with the content. Do not use random novelty that fights the topic, platform, accessibility, or factual clarity.
+   - Record the final selected combination in the concept plan or `sources.md` / `credits.md` so the variation is inspectable.
+
 Use user-facing scenario labels such as:
 
 - Engineering infographic: map to `engineering-paper`, `product-manual`, or `porcelain-research`.
@@ -294,8 +308,11 @@ Use `references/design-languages.md` to define the card set's visual grammar ind
 4. Pick the theme preset and design language, then build the layout plan.
    - Load `references/taste.md` now and read it as an active checklist; the hard constraints apply to every subsequent design decision in this step.
    - Confirm or revisit the theme preset chosen in step 1 against the taste baseline; if a preset would violate a hard constraint, swap it before continuing.
+   - Apply the two-layer style selection logic: first choose from the high-fit recommendation set, then apply a compatible variant perturbation when the user did not specify an exact style.
+   - The perturbation must affect the visible result, not only metadata. Rotate layout recipes, visual anchors, surface metaphors, and composition moves alongside theme / design-language tokens.
    - Assign one concrete layout recipe per card. For stronger design work, use `references/layouts/card-layouts.md`; for magazine/editorial cards, also use `references/magazine-card-adaptations.md`.
    - Assign a design-language combination when the style is open or the user wants more design variation. Load the individual spec file for the selected primary language from `references/design-languages/<name>.md`.
+   - Load `references/fonts.md` and run its font-selection algorithm: from the chosen preset × design-language × content-language, take the per-role candidate pools, apply hard-constraint filtering, then weighted-random pick one font per role for the whole set (seed the randomness with the output slug so a given set is reproducible but different topics vary). Record the selected display/serif/sans/mono families in `sources.md`.
    - For each card, identify the visual anchor and composition move before writing body copy. If the card is only text blocks, equal boxes, or a background grid, either choose a stronger layout or deliberately mark it as a low-design utility card.
    - Respect low-density primary language limits by moving detail to another card in the set, not by overloading `swiss-poster`, `cinematic-still`, quote, cover, or closer cards.
 
@@ -313,7 +330,7 @@ Use `references/design-languages.md` to define the card set's visual grammar ind
 6. Build the card webpages.
    - Create one HTML page per card, named predictably such as `card-01.html`, `card-02.html`.
    - Use one shared CSS file or shared design tokens so size, typography, spacing, palette, border radius, and component styling stay consistent.
-   - Choose fonts and colors that satisfy `references/taste.md`: do not default to Inter, do not use pure black, and avoid generic AI purple-blue gradients or neon glow effects.
+   - Choose fonts via the `references/fonts.md` selection algorithm decided in step 4; embed them locally by importing `assets/fonts/fonts.css` (or copying the used fonts into `cards/<slug>/assets/fonts/` and referencing them with local `@font-face`). Never load fonts from a CDN. Choose colors that satisfy `references/taste.md`: do not default to Inter, do not use pure black, and avoid generic AI purple-blue gradients or neon glow effects.
    - Set an explicit fixed canvas size derived from the ratio. Recommended bases:
      - `1:1`: `1080x1080`
      - `3:4`: `1080x1440`
@@ -347,6 +364,65 @@ Use `references/design-languages.md` to define the card set's visual grammar ind
    - Default to 2x screenshot exports for sharpness. A `1080x1080` card should export as a `2160x2160` PNG unless the user explicitly asks for smaller files or `--scale 1`.
    - Provide the user with the output paths and a concise summary of the final ratio, count, and style.
 
+9. Write `deck.json` for video export (required when the user asks for video/narration).
+   - After all HTML cards are finalized and PNGs exported, write a `deck.json` in the output directory.
+   - This file drives TTS narration synthesis and video rendering in the next step.
+   - Format:
+
+   ```json
+   {
+     "meta": {
+       "title": "<Series title>",
+       "ratio": "<ratio used: 9:16 | 1:1 | 3:4>",
+       "language": "<zh | en>"
+     },
+     "cards": [
+       { "file": "card-01.html", "title": "...", "narration": "1-3 sentence spoken caption." },
+       { "file": "card-02.html", "title": "...", "narration": "..." }
+     ]
+   }
+   ```
+
+   - Narration rules:
+     - Write narration in the same language as the card copy.
+     - 1-3 sentences per card. Natural spoken rhythm — avoid lists, avoid bullet-speak.
+     - Don't restate the visual; add context, interpretation, or the key takeaway.
+     - Each card's narration should be understandable when heard without the image.
+   - Also add `data-narration="..."` to the `.card` element in every HTML file for transparency.
+   - Skip this step when the user explicitly asked for images only (no video).
+
+10. Render video (optional — only when user asked for video/narration output).
+    - After PNGs exist in `exports/` and `deck.json` is written:
+
+    ```bash
+    voxflow card render <output-dir>/
+    ```
+
+    - **Output directory structure** after render:
+      ```
+      cards/my-topic/
+      ├── card-01.html … card-N.html   (source HTML)
+      ├── deck.json                     (narration + metadata)
+      ├── exports/card-01.png …         (PNG exports)
+      ├── sources.md                    (attribution)
+      └── my-topic.mp4                  (final video — default output here)
+      ```
+
+    - **Key parameters** (pick based on user preference):
+      - `--voice <id>` — TTS voice. Suggest `voxflow voices` to browse.
+      - `--speed <n>` — narration speed 0.5-2.0 (default: 1.0)
+      - `--pause <sec>` — silence after each card's narration for reading time (default: 2.5)
+      - `--hold <sec>` — card duration in `--no-audio` mode (default: 5)
+      - `--bgm <path>` — background music file (loops at low volume)
+      - `--no-audio` — skip TTS, produce silent video
+      - `--no-intro` / `--no-outro` — skip title/branding cards
+      - `-o <path>` — custom output path
+
+    - Default output: `<dir>/<deck title>.mp4` (next to the cards).
+    - No external dependencies beyond FFmpeg (auto-detected; `ffmpeg-static` as fallback).
+    - Intermediate files (WAVs, clips) stored in `<dir>/.card-render-work/` — auto-cleaned on success, preserved on failure for debugging.
+    - For article-to-card VIDEO with Slice themes (paper-slide, editorial-mag, etc.), prefer `voxflow:slice` instead.
+
 ## Asset and Source Discipline
 
 - Keep generated files contained in the requested output folder.
@@ -392,7 +468,7 @@ npx playwright install chromium
 - Use concept variations before coding when style is ambiguous or the card set is high-impact.
 - Define theme tokens first: background, surface levels, border levels, text levels, accent trio, semantic colors, gradients, radius, shadow, and fonts.
 - Use tokens in component CSS. Avoid scattering literal colors outside the token block unless a one-off asset or data visualization genuinely requires it.
-- Do not use Inter as the default card font. Prefer Geist, Satoshi, Cabinet Grotesk, Outfit, Avenir Next, high-quality system sans, or appropriate serif/mono choices for the selected design language.
+- Do not use Inter as the default card font. Select concrete fonts via the weighted-random algorithm in `references/fonts.md` (preset × design-language × content-language → per-role pick). Do not hardcode a font list here; `references/fonts.md` is the single source of truth. Avenir Next and other paid/system fonts are disallowed because every font must be locally embeddable.
 - Do not use pure black. Use off-black, charcoal, zinc-like darks, or ink colors.
 - Do not copy external theme CSS wholesale. Recreate the needed palette and behavior in the local card style, and keep source inspiration in `sources.md` or `credits.md` when relevant.
 - Avoid one-note palettes unless the user explicitly asks for a monochrome look.
@@ -405,6 +481,6 @@ npx playwright install chromium
 - Prefer semantic HTML and CSS over canvas for card content unless the visual requires custom drawing.
 - Keep assets and source attribution inside the output folder.
 - Keep letter spacing at `0` unless the file's existing design system clearly requires uppercase tracking; do not use negative letter spacing.
-- For editorial layouts, manually control long Chinese title breaks and keep dense body copy in sans-serif; reserve serif/display type for headlines, quotes, and numbers.
+- For technical or dense cards, keep body copy in sans-serif and reserve serif/display type for headlines, quotes, and numbers. Editorial/literary presets (`magazine-eink`, `field-notes`, `kraft-editorial`) may use serif or kai (楷体) body per `references/fonts.md`. For editorial layouts, manually control long Chinese title breaks regardless of the body typeface.
 - For image-heavy cards, standardize image ratios or frame heights inside each group, crop from the bottom when using `cover`, and use `contain` for diagrams or text-bearing screenshots.
 - Do not skip visual verification. The final answer must state whether rendering and export succeeded.

package/skills/card/assets/fonts/MANIFEST.md

@@ -0,0 +1,29 @@
+# Font bundle manifest (download-fonts.sh)
+
+| family | path | files | size | license |
+|---|---|---|---|---|
+| Geist | geist | 3 | 57KB | OFL/ITF |
+| Geist Mono | geist-mono | 3 | 56KB | OFL/ITF |
+| Space Grotesk | space-grotesk | 3 | 47KB | OFL/ITF |
+| Newsreader | newsreader | 3 | 104KB | OFL/ITF |
+| Source Serif 4 | source-serif-4 | 6 | 177KB | OFL/ITF |
+| Spectral | spectral | 5 | 70KB | OFL/ITF |
+| Spectral | spectral-600 | 5 | 74KB | OFL/ITF |
+| Spectral | spectral-800 | 5 | 71KB | OFL/ITF |
+| IBM Plex Mono | ibm-plex-mono | 5 | 48KB | OFL/ITF |
+| IBM Plex Mono | ibm-plex-mono-500 | 5 | 49KB | OFL/ITF |
+| IBM Plex Mono | ibm-plex-mono-600 | 5 | 53KB | OFL/ITF |
+| Libre Caslon Display | libre-caslon-display | 2 | 40KB | OFL/ITF |
+| Noto Sans SC | noto-sans-sc | 101 | 4MB | OFL/ITF |
+| Noto Serif SC | noto-serif-sc | 101 | 6MB | OFL/ITF |
+| lxgw-wenkai | packages/lxgw-wenkai | 194 | 8MB | OFL |
+| smiley-sans | packages/smiley-sans | 80 | 1MB | OFL |
+| Satoshi | fontshare/satoshi | 1 | 42KB | ITF-FFL |
+| General Sans | fontshare/general-sans | 1 | 37KB | ITF-FFL |
+| Cabinet Grotesk | fontshare/cabinet-grotesk | 1 | 41KB | ITF-FFL |
+
+**Total bundle: 20MB**
+
+Not bundled (license forbids repo redistribution; system-font fallback only):
+HarmonyOS Sans SC, Alibaba PuHuiTi 3.0, KingHwa OldSong, Zhuque Fangsong, Sarasa Mono SC.
+Sarasa Mono SC / Zhuque Fangsong are OFL but lack a clean woff2 source; add manually if needed.

package/skills/card/assets/fonts/css/cabinet-grotesk.css

@@ -0,0 +1,2 @@
+/* Cabinet Grotesk — Fontshare, ITF Free Font License */
+@font-face{font-family:'Cabinet Grotesk';font-style:normal;font-display:swap;font-weight:100 900;src:url(../woff2/fontshare/cabinet-grotesk.woff2) format('woff2');}

package/skills/card/assets/fonts/css/geist-mono.css

@@ -0,0 +1,29 @@
+/* geist-mono-cyrillic-wght-normal */
+@font-face {
+  font-family: 'Geist Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(../woff2/geist-mono/geist-mono-cyrillic-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+
+/* geist-mono-latin-ext-wght-normal */
+@font-face {
+  font-family: 'Geist Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(../woff2/geist-mono/geist-mono-latin-ext-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+
+/* geist-mono-latin-wght-normal */
+@font-face {
+  font-family: 'Geist Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(../woff2/geist-mono/geist-mono-latin-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}

package/skills/card/assets/fonts/css/geist.css

@@ -0,0 +1,29 @@
+/* geist-cyrillic-wght-normal */
+@font-face {
+  font-family: 'Geist';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(../woff2/geist/geist-cyrillic-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+
+/* geist-latin-ext-wght-normal */
+@font-face {
+  font-family: 'Geist';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(../woff2/geist/geist-latin-ext-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+
+/* geist-latin-wght-normal */
+@font-face {
+  font-family: 'Geist';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(../woff2/geist/geist-latin-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}

package/skills/card/assets/fonts/css/general-sans.css

@@ -0,0 +1,2 @@
+/* General Sans — Fontshare, ITF Free Font License */
+@font-face{font-family:'General Sans';font-style:normal;font-display:swap;font-weight:200 700;src:url(../woff2/fontshare/general-sans.woff2) format('woff2');}

package/skills/card/assets/fonts/css/ibm-plex-mono-500.css

@@ -0,0 +1,49 @@
+/* ibm-plex-mono-cyrillic-ext-500-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(../woff2/ibm-plex-mono-500/ibm-plex-mono-cyrillic-ext-500-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-cyrillic-ext-500-normal.woff) format('woff');
+  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+
+/* ibm-plex-mono-cyrillic-500-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(../woff2/ibm-plex-mono-500/ibm-plex-mono-cyrillic-500-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-cyrillic-500-normal.woff) format('woff');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+
+/* ibm-plex-mono-vietnamese-500-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(../woff2/ibm-plex-mono-500/ibm-plex-mono-vietnamese-500-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-vietnamese-500-normal.woff) format('woff');
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
+}
+
+/* ibm-plex-mono-latin-ext-500-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(../woff2/ibm-plex-mono-500/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-latin-ext-500-normal.woff) format('woff');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+
+/* ibm-plex-mono-latin-500-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(../woff2/ibm-plex-mono-500/ibm-plex-mono-latin-500-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-latin-500-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}

package/skills/card/assets/fonts/css/ibm-plex-mono-600.css

@@ -0,0 +1,49 @@
+/* ibm-plex-mono-cyrillic-ext-600-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(../woff2/ibm-plex-mono-600/ibm-plex-mono-cyrillic-ext-600-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-cyrillic-ext-600-normal.woff) format('woff');
+  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+
+/* ibm-plex-mono-cyrillic-600-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(../woff2/ibm-plex-mono-600/ibm-plex-mono-cyrillic-600-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-cyrillic-600-normal.woff) format('woff');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+
+/* ibm-plex-mono-vietnamese-600-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(../woff2/ibm-plex-mono-600/ibm-plex-mono-vietnamese-600-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-vietnamese-600-normal.woff) format('woff');
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
+}
+
+/* ibm-plex-mono-latin-ext-600-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(../woff2/ibm-plex-mono-600/ibm-plex-mono-latin-ext-600-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-latin-ext-600-normal.woff) format('woff');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+
+/* ibm-plex-mono-latin-600-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(../woff2/ibm-plex-mono-600/ibm-plex-mono-latin-600-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-latin-600-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}

package/skills/card/assets/fonts/css/ibm-plex-mono.css

@@ -0,0 +1,49 @@
+/* ibm-plex-mono-cyrillic-ext-400-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(../woff2/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-cyrillic-ext-400-normal.woff) format('woff');
+  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+
+/* ibm-plex-mono-cyrillic-400-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(../woff2/ibm-plex-mono/ibm-plex-mono-cyrillic-400-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-cyrillic-400-normal.woff) format('woff');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+
+/* ibm-plex-mono-vietnamese-400-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(../woff2/ibm-plex-mono/ibm-plex-mono-vietnamese-400-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-vietnamese-400-normal.woff) format('woff');
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
+}
+
+/* ibm-plex-mono-latin-ext-400-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(../woff2/ibm-plex-mono/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-latin-ext-400-normal.woff) format('woff');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+
+/* ibm-plex-mono-latin-400-normal */
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(../woff2/ibm-plex-mono/ibm-plex-mono-latin-400-normal.woff2) format('woff2'), url(./files/ibm-plex-mono-latin-400-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}

package/skills/card/assets/fonts/css/libre-caslon-display.css

@@ -0,0 +1,19 @@
+/* libre-caslon-display-latin-ext-400-normal */
+@font-face {
+  font-family: 'Libre Caslon Display';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(../woff2/libre-caslon-display/libre-caslon-display-latin-ext-400-normal.woff2) format('woff2'), url(./files/libre-caslon-display-latin-ext-400-normal.woff) format('woff');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+
+/* libre-caslon-display-latin-400-normal */
+@font-face {
+  font-family: 'Libre Caslon Display';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(../woff2/libre-caslon-display/libre-caslon-display-latin-400-normal.woff2) format('woff2'), url(./files/libre-caslon-display-latin-400-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}